DOMTokenList: phương thức forEach()
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 forEach() của giao diện DOMTokenList
gọi callback được cung cấp trong tham số một lần cho mỗi cặp giá trị trong danh sách, theo
thứ tự chèn.
Cú pháp
forEach(callback)
forEach(callback, thisArg)
Tham số
callback-
Hàm được thực thi cho mỗi phần tử, cuối cùng nhận ba đối số:
currentValue-
Phần tử hiện tại đang được xử lý trong mảng.
currentIndex-
Chỉ số của phần tử hiện tại đang được xử lý trong mảng.
listObj-
Mảng mà
forEach()đang được áp dụng lên.
thisArgOptional-
Giá trị dùng làm
thiskhi thực thicallback.
Giá trị trả về
Không có.
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ử <pre> 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 forEach(), rồi ghi từng giá trị vào
Node.textContent của thẻ <pre> bên trong hàm nội bộ của forEach().
HTML
<pre class="a b c"></pre>
JavaScript
const pre = document.querySelector("pre");
const classes = pre.classList;
const iterator = classes.values();
classes.forEach(function (value, key, listObj) {
pre.textContent += `(${value} ${key})/${this}\n`;
}, "arg");