指定された要素の子要素のコレクション(HTMLCollection)を返します。読み取り専用のプロパティです。

返されるコレクションの項目は、文字列ではなくオブジェクトです。 それらのノードオブジェクトからデータを取得するには、プロパティを使用する必要があります。 (例えば、ノードの名前を取得するには、elementNodeReference.children[1].nodeNameとします。)

文法

var elList = elementNodeReference.children;

elListには、現在の要素の子である要素オブジェクトの順序付けられたコレクションが格納されます。 もし要素が子を持たない場合、elListには要素が含まれません。

elListは、様々な子ノードのリストを格納し、 このようなリストはHTMLCollectionになります。 children属性は、読み取り専用です。

例

// pElは<p>要素への参照オブジェクトです。
// そのため始めにそのオブジェクトが空でないこと、
// 子要素を持つことを確認します。
if (pEl.children.length) {
    var children = pEl.children;

    for (var i = 0; i < children.length; i++) {
        //children[i]として、各子要素の処理を行います。
        //注意: リスト内の各子要素は実稼働しているものであり、
        //      子の追加または削除はリストに反映されます。
    }

}

仕様

ブラウザ互換性

[1] Internet Explorer 6、7、8でサポートされていますが、誤ってCommentノードを含んでしまいます。

関連項目

• The ParentNode and ChildNode pure interfaces.
• Object types implementing this pure interface: Document, Element, and DocumentFragment.

 Back to top