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 表格仅在浏览器中加载

另请参阅