ParentNode.children

Node.children は、子要素ノードの生きた HTMLCollection を返す、読み取り専用プロパティです。

構文

var elList = elementNodeReference.children;

elList は HTMLCollection、 つまり elementNodeReference の子である DOM 要素の順序どおりのコレクションです。子要素が無い場合、 elList は要素を含まず、 length は 0 です。

例

// pEl は <p> 要素を参照しています
var elementChildren = pEl.children;
for (var i = 0; i < elementChildren.length; i++) {
    console.log(elementChildren[i].tagName);
    // 注: elementChildren は生きたリストで、pEl の子を追加または削除した場合、
    // 直ちに elementChildren のメンバーも変更されます
}

仕様

仕様 状態 コメント
DOM
ParentNode.children の定義		 現行の標準 初めての定義

ブラウザ互換性

現在、互換性データを可読形式の JSON フォーマットに置き換えているところです。 この互換性一覧は古い形式を使っており、これに含まれるデータの置き換えが済んでいません。 手助けしていただける場合は、こちらから！

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート (Element) 1.0 3.5 (1.9.1) 9.0 [1] 10.0 4.0
Document 及び DocumentFragment のサポート 29.0 25.0 (25.0) 未サポート 16.0 未サポート
SVGElement のサポート (有) (有) 未サポート ? 未サポート
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート (Element) (有) 1.0 (1.9.1) (有) (有) (有)
Document 及び DocumentFragment のサポート (有) 25.0 (25.0) 未サポート 16.0 未サポート

[1] Internet Explorer 6、7 及び 8 はこれをサポートしていますが、誤って Comment ノードを含めるようになっています。

関連情報