HTML DOM Element children属性
- 前のページ childNodes
- 次のページ classList
- 上一层に戻る HTML DOM Elements オブジェクト
定義および用法
children 属性は要素の子要素の集合を返します。
children 属性はHTMLCollectionオブジェクトを返します。
参照してください：
HTMLノードおよび要素
HTML HTML DOM（ドキュメントオブジェクトモデル）では、HTMLドキュメントは子ノード（または子ノードがない）を持ちます。
ノード要素ノード、テキストノード、およびコメントノードを指します。
要素要素間の空白もテキストノードです。
要素はただの要素ノードです。
子ノードおよび子要素
childNodes 返却子ノード（要素ノード、テキストノード、およびコメントノード）。
children 返却子要素（テキストやコメントノードではなく）。
同胞および要素同胞
同胞「兄弟」および「姉妹」と呼ばれる。
同胞は同じ親ノードを持つノード（同じ childNodes リスト内）。
要素の同胞は同じ親要素を持つ要素（同じ children リスト内）。
インスタンス
例 1
<body> 元素の子要素のコレクションを取得します：
const collection = document.body.children;
例 2
"myDIV" にはどれだけの子要素がありますか：
let count = document.getElementById("myDIV").children.length;
例 3
"myDIV" の第2子要素の背景を変更します：
const collection = document.getElementById("myDIV").children;
collection[1].style.backgroundColor = "yellow";
例 4
<select> 元素の第3子要素（インデックス 2）のテキストを取得します：
const collection = document.getElementById("mySelect").children[2].text;
例 5
<body> のすべての子要素を巡回し、背景を変更します：
const collection = document.body.children;
for (let i = 0; i < collecton.length; i++) {
collection[i].style.backgroundColor = "red";
}
文法
element.children
返り値
| タイプ | 説明 |
|---|---|
| オブジェクト |
HTMLCollection オブジェクト。 要素ノードのコレクション。 要素はドキュメント内での出現順序で並べられます。 |
ブラウザのサポート
element.children DOM レベル 1 (1998) の機能です。
すべてのブラウザで完全にサポートされています：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| サポート | 9-11 | サポート | サポート | サポート | サポート |
- 前のページ childNodes
- 次のページ classList
- 上一层に戻る HTML DOM Elements オブジェクト
