HTML DOM NodeList forEach()
示例
对文档的每个子节点执行一个函数:
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() 方法会对 NodeList 中的每个节点执行回调函数。
另请参阅:
语法
nodelist.forEach(function(currentValue, index, arr), thisValue)
参数
| function() | 必需。 要对每个节点运行的函数。 |
| currentValue | 必需。 当前节点的值。 |
| index | 可选。 当前节点的索引。 |
| arr | 可选。 当前节点的 NodeList。 |
| thisValue | 可选。默认值为 undefined。传递给函数的 this 值。 |
返回值
| NONE |
更多示例
示例
列出文档子节点的类型:
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 |
