English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM childNodes 属性

HTML DOM Element オブジェクト

childNodes読み取り専用の属性は、最初の子ノードのインデックスが0の给定要素の子ノード集合を返します。

集合内のノードはソースコード内で現れる順序で並べ替えられ、インデックス番号を使用してアクセスできます。

length属性を使用して子ノードの数を確定し、すべての子ノードを巡回して必要な情報を抽出することができます。

要素内の空白はテキストとして、テキストはノードとして、コメントもノードとして処理されます。

要素のみの集合(テキストやコメントノードを含まない)を取得するには、children属性。

node.childNodes[0]が同じ結果を生成する場合firstChild属性。

文法:

node.childNodes
var list = document.body.childNodes;
テストを試してみる‹/›

ブラウザの互換性

すべてのブラウザはchildNodes属性を完全にサポートしています:

属性
childNodes

技術的詳細

返り値:ノードの集合を表す NodeList オブジェクト
DOMバージョン:DOMレベル1

さらに例

DIV要素がいくつの子節点を持っているかを調べる:

var len = document.querySelector("div").childNodes.length;
テストを試してみる‹/›

DIV要素の第2子節点(インデックス1)の背景色:

var nodes = document.querySelector("div").childNodes;
nodes[1nodes[.style.backgroundColor = "coral";]
テストを試してみる‹/›

関連参考

HTML DOM 参考手引:node .firstChild 属性

HTML DOM 参考手引:node.lastChild 属性

HTML DOM 参考手引:node.parentNode 属性

HTML DOM 参考手引:node.nextSibling 属性

HTML DOM 参考手引:node.previousSibling 属性

HTML DOM 参考手引:node.nodeName 属性

HTML DOM Element オブジェクト