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