childNodesプロパティ

プロパティchildNodesは、要素の子ノード（タグ、コメント、テキストノード）の擬似配列を格納しています。

構文

javascript要素.childNodes;

例

要素のすべての子ノードを取得し、その内容を画面に出力します：

html<div id="parent">テキスト<p>段落</p><!--コメント--></div>

javascriptlet parent = document.querySelector('#parent');
let nodes = parent.childNodes;

for (let node of nodes) {
  console.log(node.textContent);
}

例

最初のノードの内容を出力します：

html<div id="parent">テキスト<p>段落</p><!--コメント--></div>

javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);

コード実行結果：

javascript'テキスト'

例

番号2のノードの内容を出力します：

html<div id="parent">テキスト<p>段落</p><!--コメント--></div>

javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);

コード実行結果：

javascript'コメント'

関連項目