HTML DOM NodeList forEach() メソッド

定義と使用法

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 レベル 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() メソッド