Element: children プロパティ

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);
}

仕様書

Specification
DOM Standard
# ref-for-dom-parentnode-children①

ブラウザーの互換性

BCD tables only load in the browser

関連情報