NodeList.prototype.forEach()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
NodeList
接口的 forEach()
方法按插入顺序为列表中的每个值对调用一次参数中给定的回调。
语法
js
forEach(callback)
forEach(callback, thisArg)
参数
callback
-
为
someNodeList
的每一个元素执行函数。它接受以下三个参数:currentValue
-
someNodeList
中的当前元素。 currentIndex
可选-
someNodeList
中的currentValue
所对应的索引值。 listObj
可选-
someNodeList
在forEach()
方法中所属的 NodeList 对象。
thisArg
可选-
传递
callback
的值一般用this
值。
返回值
示例
js
let node = document.createElement("div");
let kid1 = document.createElement("p");
let kid2 = document.createTextNode("hey");
let kid3 = document.createElement("span");
node.appendChild(kid1);
node.appendChild(kid2);
node.appendChild(kid3);
let 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
规范
Specification |
---|
DOM Standard # interface-nodelist |
浏览器兼容性
BCD tables only load in the browser