HTMLDOM要素childNodes
要素オブジェクト例
<body>要素の子ノードを取得します。
const nodeList = document.body.childNodes;
以下のその他の例。
定義と使用法
childNodes
プロパティは、要素の子ノードのコレクション(リスト)を返します。
プロパティはchildNodes
NodeListオブジェクトを返します。
childNodes
プロパティは読み取り専用です。
ノート
要素内の空白はテキストノードと見なされます。
コメントもノードと見なされます。
childNodes[0]
と同じfirstChild
です。
違い
プロパティは、テキストノードとコメントノードを含むchildNodes
すべての子ノードを返しますが、プロパティは子要素children
のみを返します。
関連項目:
NodeList
NodeListは、ノードオブジェクトの配列のようなコレクション(リスト)です。
NodeListには、リスト内のノードの数を返すlengthプロパティがあります。
ノードにはインデックス番号でアクセスできます。インデックスは0から始まります。
構文
element.childNodes
戻り値
タイプ | 説明 |
物体 | ノードのNodeListオブジェクトコレクション。 ノードは、ドキュメントに表示されているとおりに並べ替えられます。 |
その他の例
<div>要素の子ノードの数:
let numb = document.getElementById("myDIV").childNodes.length;
2番目の子ノードの背景色を変更します。
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
<select>要素の3番目の子ノードのテキストを取得します。
let text = document.getElementById("mySelect").childNodes[2].text;
ブラウザのサポート
element.childNodes
DOMレベル1(1998)の機能です。
すべてのブラウザで完全にサポートされています。
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
要素オブジェクト