Element: children プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
children は読み取り専用のプロパティで、生きた HTMLCollection で呼び出された要素の子要素をすべて返します。
Element.children は要素のノードしか含みません。すべての子ノード、例えばテキストやコメントノードなどを取得するには、 Node.childNodes を使用してください。
値
生きた HTMLCollection で、 node の子の DOM 要素の順序付きコレクションを返します。コレクションの item() メソッドか、 JavaScript の配列スタイルの記法を使って、コレクション内の個々の子ノードにアクセスすることができます。
ノードが子要素を持たない場合、 children は要素を含まず、length は 0 です。
例
js
const myElement = document.getElementById("foo");
for (const child of myElement.children) {
console.log(child.tagName);
}
仕様書
| 仕様書 |
|---|
| DOM # ref-for-dom-parentnode-children① |