DOMTokenList: phương thức entries()
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 entries() của giao diện DOMTokenList
trả về một iterator cho phép bạn
duyệt qua toàn bộ các cặp khóa/giá trị có trong đối tượng này. Các giá trị là
Array chứa các cặp [khóa, giá trị], mỗi cặp biểu diễn một token.
Cú pháp
entries()
Tham số
Không có.
Giá trị trả về
Trả về một iterator.
Ví dụ
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 cặp
khóa/giá trị bằng entries(), rồi duyệt qua từng cặp bằng vòng lặp
for...of, và ghi chúng vào
Node.textContent của thẻ <span>.
Trước hết là HTML:
<span class="a b c"></span>
Bây giờ là JavaScript:
const span = document.querySelector("span");
const classes = span.classList;
const iterator = classes.entries();
for (const value of iterator) {
span.textContent += `(${value})`;
}
Kết quả sẽ như sau: