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 のメンバーも変更されます
}

仕様

ブラウザ互換性

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

関連情報

• ParentNode 及び ChildNode インターフェース
• このインターフェースを実装する次のオブジェクトタイプ。Document、Element、 及び DocumentFragment