NodeList: 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 NodeList gọi hàm callback được truyền vào một lần cho mỗi cặp giá trị trong danh sách, theo thứ tự chèn.
Cú pháp
js
forEach(callback)
forEach(callback, thisArg)
Tham số
callback-
Hàm sẽ được thực thi trên mỗi phần tử của
someNodeList. Hàm này nhận 3 tham số:currentValue-
Phần tử hiện tại đang được xử lý trong
someNodeList. currentIndexOptional-
Chỉ số của
currentValuehiện đang được xử lý trongsomeNodeList. listObjOptional-
someNodeListmàforEach()đang được áp dụng.
thisArgOptional-
Giá trị dùng làm
thiskhi thực thicallback.
Giá trị trả về
Ví dụ
js
const node = document.createElement("div");
const kid1 = document.createElement("p");
const kid2 = document.createTextNode("hey");
const kid3 = document.createElement("span");
node.appendChild(kid1);
node.appendChild(kid2);
node.appendChild(kid3);
const list = node.childNodes;
list.forEach(function (currentValue, currentIndex, listObj) {
console.log(`${currentValue}, ${currentIndex}, ${this}`);
}, "myThisArg");
Mã trên tạo ra kết quả sau:
[object HTMLParagraphElement], 0, myThisArg [object Text], 1, myThisArg [object HTMLSpanElement], 2, myThisArg
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| DOM # interface-nodelist |