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 2017年10月.
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 # interface-nodelist |
浏览器兼容性
Loading…