DOMTokenList: phương thức contains()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Phương thức contains() của giao diện DOMTokenList trả về một giá trị boolean - true nếu danh sách nền chứa token đã cho, ngược lại trả về false.

Cú pháp

contains(token)

Tham số

token: Một chuỗi biểu thị token mà bạn muốn kiểm tra sự tồn tại của nó trong danh sách.

Giá trị trả về

Một giá trị boolean, là true nếu danh sách gọi phương thức chứa token, ngược lại là false.

Trong ví dụ sau, chúng ta lấy danh sách các lớp được đặt trên một phần tử <span> dưới dạng DOMTokenList bằng Element.classList. Sau đó chúng ta kiểm tra sự tồn tại của "c" trong danh sách và ghi kết quả vào Node.textContent của thẻ <span>.

Trước hết là HTML:

html

<span class="a b c"></span>

Bây giờ là JavaScript:

const span = document.querySelector("span");
span.textContent = span.classList.contains("c")
  ? "The classList contains 'c'"
  : "The classList does not contain 'c'";

Kết quả sẽ như sau: