HTML DOM Element childNodes 属性
- 前のページ
- 次のページ
- 上一层に戻る HTML DOM Elements オブジェクト
定義と使用方法
childNodes 属性は要素の子ノードの集合（リスト）を返します。
childNodes 属性が返すのは NodeList オブジェクトです。
childNodes 属性は読み取り専用です。
childNodes[0] firstChild と同じです。
ヒント
childNodes 返されるノード：要素ノード、テキストノード、およびコメントノード。
要素間の空白もテキストノードです。
代替案：
children 属性 - children 属性は子要素（テキストやコメントを無視して）を返します。
も参照してください：
ノード属性
nodeValue 属性
HTML ノードと要素 HTML DOM（ドキュメントオブジェクトモデル）では、HTMLドキュメントは子ノード（または子ノードがない）を持つノード集合です。
ノードは要素ノード、テキストノード、およびコメントノードを指します。
要素要素間の空白もテキストノードです。
要素はただの要素ノードです。
子ノードと子要素
childNodes 返り値子ノード（要素ノード、テキストノード、およびコメントノード）。
children 返り値子要素（テキストノードやコメントノードではなく）。
同胞と要素同胞
同胞は「兄弟」および「姉妹」です。
同胞は同じ親ノードを持つノード（同じ childNodes リストの）。
要素の同胞は同じ親要素を持つ要素（同じ children リストの）。
インスタンス
例 1
<body> 元素の子ノードを取得します：
const nodeList = document.body.childNodes;
例 2
"myDIV" 内の子ノードの数を取得します：
let numb = document.getElementById("myDIV").childNodes.length;
例 3
第2子ノードの背景色を変更します：
element.childNodes[1].style.backgroundColor = "yellow";
例 4
<select> 元素の第3子ノードのテキストを取得します：
let text = document.getElementById("mySelect").childNodes[2].text;
文法
element.childNodes
返り値
| タイプ | 説明 |
|---|---|
| オブジェクト |
ノードの NodeList オブジェクトコレクション。 ノードはドキュメント内での出現順序に従って並べ替えられます。 |
ブラウザのサポート
element.childNodes DOMレベル1（1998）の特性です。
すべてのブラウザで完全にサポートされています：
| クローム | IE | エッジ | ファイアフォックス | サファリ | オペラ |
|---|---|---|---|---|---|
| クローム | IE | エッジ | ファイアフォックス | サファリ | オペラ |
| サポート | 9-11 | サポート | サポート | サポート | サポート |
- 前のページ
- 次のページ
- 上一层に戻る HTML DOM Elements オブジェクト
