このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Element: children プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

children は読み取り専用のプロパティで、生きた HTMLCollection で呼び出された要素の子要素をすべて返します。

Element.children は要素のノードしか含みません。すべての子ノード、例えばテキストやコメントノードなどを取得するには、 Node.childNodes を使用してください。

生きた HTMLCollection で、 node の子の DOM 要素の順序付きコレクションを返します。コレクションの item() メソッドか、 JavaScript の配列スタイルの記法を使って、コレクション内の個々の子ノードにアクセスすることができます。

ノードが子要素を持たない場合、 children は要素を含まず、length0 です。

js
const myElement = document.getElementById("foo");
for (const child of myElement.children) {
  console.log(child.tagName);
}

仕様書

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

ブラウザーの互換性

関連情報