DOMTokenList: phương thức keys()
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 keys() của giao diện DOMTokenList
trả về một iterator cho phép duyệt qua toàn bộ các khóa có trong đối tượng này.
Các khóa là số nguyên không âm.
Cú pháp
js
keys()
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 khóa bằng keys(),
rồi duyệt qua các khóa đó 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:
js
const span = document.querySelector("span");
const classes = span.classList;
const iterator = classes.keys();
for (let value of iterator) {
span.textContent += `(${value}) `;
}
Kết quả sẽ như sau: