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

Baseline Widely available

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

Phương thức values() của giao diện DOMTokenList trả về một iterator cho phép người gọi duyệt qua toàn bộ các giá trị có trong DOMTokenList. Các giá trị riêng lẻ là chuỗi.

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 lấy một iterator chứa các giá trị bằng values(), rồi duyệt qua các giá trị đó bằng vòng lặp for...of, và ghi từng giá trị 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");
const classes = span.classList;
const iterator = classes.values();

for (const value of iterator) {
  span.textContent += `(${value}) `;
}

Kết quả sẽ như sau: