NodeList: forEach() 方法
forEach()
是 NodeList
接口的一种方法,它会按照插入顺序对列表中的每个值对调用参数中给定的回调函数。
语法
js
forEach(callback)
forEach(callback, thisArg)
参数
callback
-
要在
someNodeList
的每个元素上执行的函数。它接受 3 个参数currentValue
-
正在
someNodeList
中处理的当前元素。 currentIndex
可选-
正在
someNodeList
中处理的currentValue
的索引。 listObj
可选-
正在应用
forEach()
的someNodeList
。
thisArg
可选-
在执行
callback
时用作this
的值。
返回值
示例
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");
上面的代码将产生以下结果
[object HTMLParagraphElement], 0, myThisArg [object Text], 1, myThisArg [object HTMLSpanElement], 2, myThisArg
规范
规范 |
---|
DOM 标准 # interface-nodelist |
浏览器兼容性
BCD 表格仅在浏览器中加载