もっと"Try it Yourself"以下の例。
定義と使用法
ChildNodesプロパティはNodeListオブジェクトとして、ノードの子ノードのコレクションを返します。
コレクション内のノードは、それらがソースコードに表示されるようにソートされ、インデックス番号によってアクセスすることができます。 インデックスは0から始まります。
注：要素内の空白はテキストとみなされ、そしてテキストはノードとして考えられています。 コメントは、ノードとも考えられています。
ヒント：あなたが使用することができ、長さ 、あなたはすべての子ノードをループして、必要な情報を抽出することができ、子ノードの数を決定するためにNodeListオブジェクトのプロパティを。
このプロパティは読み取り専用です。
ヒント：ノードの要素ノードのコレクションを返すには(excluding text and comment nodes)を使用、 子どものプロパティを。
チップ： 要素 .childNodes [0]と同じ結果を生成するのfirstChildプロパティ。
ブラウザのサポート
| プロパティ | |||||
|---|---|---|---|---|---|
| childNodes | はい | はい | はい | はい | はい |
構文
element .childNodes技術的な詳細
| 戻り値： | ノードの集合を表すNodeListオブジェクト、。 彼らはソースコードに表示される返されたコレクション内のノードがソートされています |
|---|---|
| DOMバージョン | コアレベル1要素オブジェクト |
その他の例
例
子供がどのように多くのノードを見つける<div>要素があります。
var c =
document.getElementById("myDIV").childNodes.length;Cの結果は次のようになります。
5 »それを自分で試してみてください 例
第二子ノードの背景色を変更(index 1)の<div>要素。
var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow"; »それを自分で試してみてください 例
3番目の子ノードのテキストを取得します(index 2)の<select>要素：
var c = document.getElementById("mySelect").childNodes[2].text;Cの結果は次のようになります。
Saab »それを自分で試してみてください 関連ページ
HTML DOMリファレンス： ノード。 firstChildプロパティ
HTML DOMリファレンス： ノード。 lastChildプロパティ
HTML DOMリファレンス： ノード。 parentNodeプロパティ
HTML DOMリファレンス： ノード。 nextSiblingプロパティ
HTML DOMリファレンス： ノード。 previousSiblingはプロパティ
HTML DOMリファレンス： ノード。 nodeNameのプロパティ