Methode forEach() DOM NodeList HTML

定義和用法

forEach() 方法為 NodeList 中的每個節點執行回調函數。

實例

例子 1

為文檔的每個子節點執行函數：

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

親自試試

例子 2

列出文檔子節點的名稱：

const list = document.body.childNodes;
list.forEach(
  function(node) {
    text += node.nodeName;
  }
);

親自試試

例子 3

列出文檔子節點的類型：

const list = document.body.childNodes;
list.forEach(
  function(node) {
    text += node.nodeType;
  }
);

親自試試

語法

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

參數

參數 描述
function() 必需。為每個節點運行的函數。
currentValue 必需。當前節點的值。
index 可選。當前節點的索引。
arr 可選。當前節點的 NodeList。
thisValue

可選。默認 undefined。

作為其 this 值傳遞給函數的值。

返回值

無。

瀏覽器支持

nodelist.forEach() 是 DOM Level 4 (2015) 特性。

所有現代瀏覽器都支持它：

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

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

相關頁面

length 屬性

entries() 方法

item() 方法

keys() 方法

values() 方法

NodeList 對象

childNodes() 方法

querySelectorAll() 方法

getElementsByName() 方法