目录

HTML DOM NodeList forEach()

❮ NodeList 对象

示例

为文档的每个子节点执行一个函数：

const list = document.body.childNodes;

list.forEach(
  function(node, index) {
    text += index + " " + node;
  }
);

亲自试一试 »

列出文档子节点的名称：

const list = document.body.childNodes;

list.forEach(
  function(node) {
    text += node.nodeName;
  }
);

下面有更多示例。

亲自试一试 »

描述

这个forEach()方法为 a 中的每个节点执行回调函数节点列表。

也可以看看：

节点列表对象

childNodes() 方法

querySelectorAll() 方法

getElementsByName() 方法

语法

nodelist.forEach( function(currentValue, index, arr), thisValue)

参数

function()	Required. A function to run for each node.
currentValue	Required. The value of the current node.
index	Optional. The index of the current node.
arr	Optional. The NodeList of the current node.
thisValue	Optional. Default `undefined`. A value passed to the function as its `this` value.

返回值

没有任何

更多示例

示例

列出文档子节点的类型：

const list = document.body.childNodes;

list.forEach(
  function(node) {
    text += node.nodeType;
  }
);

亲自试一试 »

浏览器支持

nodelist.forEach()是 DOM Level 4 (2015) 功能。

所有现代浏览器都支持它：


Chrome	Edge	Firefox	Safari	Opera
Yes	Yes	Yes	Yes	Yes

nodelist.forEach()Internet Explorer 11（或更早版本）不支持。

❮ NodeList 对象