MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

ParentNode.children

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

構文

var elList = elementNodeReference.children; 

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

// 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 の定義
現行の標準 初めての定義

ブラウザ互換性

機能 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 ノードを含めるようになっています。

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: sii
 最終更新者: sii,