Element.children
children
は読み取り専用のプロパティで、生きた HTMLCollection
で呼び出された要素の子要素をすべて返します。
Element.children
は要素のノードしか含みません。すべての子ノード、例えばテキストやコメントノードなどを取得するには、 Node.childNodes
を使用してください。
構文
// ゲッター
collection = myElement.children;
// セッターはありません。読み取り専用プロパティです。
返値
生きた HTMLCollection
で、 node
の子の DOM 要素の順序付きコレクションを返します。コレクションの item()
(en-US) メソッドか、 JavaScript の配列スタイルの記法を使って、コレクション内の個々の子ノードにアクセスすることができます。
ノードが子要素を持たない場合、 children
は要素を含まず、length
は 0
です。
例
const myElement = document.getElementById('foo');
for (let i = 0; i < myElement.children.length; i++) {
console.log(myElement.children[i].tagName);
}
仕様書
Specification |
---|
DOM Standard # ref-for-dom-parentnode-children① |
ブラウザーの互換性
BCD tables only load in the browser