childNodesプロパティ

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

構文

要素.childNodes;

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

<div id="parent">テキスト<p>段落</p></div>

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

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

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

<div id="parent">テキスト<p>段落</p></div>

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

コード実行結果：

'テキスト'

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

<div id="parent">テキスト<p>段落</p></div>

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

コード実行結果：

'コメント'