HTML DOM childNodes 属性
页面下方有更多实例。
定义和用法
childNodes 属性将节点的子节点集合作为 NodeList 对象返回。
集合中的节点按其在源代码中的显示进行排序，可以通过索引号进行访问。索引从0开始。
注释: 元素内部的空白被视为文本，文本被视为节点。注释也被视为节点。
提示: 可以使用 NodeList 对象的 length 属性来确定子节点的数量，然后可以遍历所有子节点并提取所需的信息。
该属性是只读的。
提示: 要返回节点的元素节点集合（不包括文本和注释节点），请使用 children 属性。
提示: element.childNodes[0] 将产生与 firstChild 属性相同的结果。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| childNodes | Yes | Yes | Yes | Yes | Yes |
语法
element.childNodes
技术细节
| 返回值: | NodeList 对象，表示节点的集合。返回集合中的节点按其在源代码中的显示进行排序 |
|---|---|
| DOM 版本 | Core Level 1 Element Object |
更多实例
实例
找出 <div> 元素有多少子节点： out how many child nodes a element has:
var c =
document.getElementById("myDIV").childNodes.length;
亲自试一试 »
实例
更改 <div> 元素的第二个子节点（索引1）的背景色:
var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow";
亲自试一试 »
c[1].style.backgroundColor = "yellow";
实例
获取 <select> 元素的第三个子节点（索引2）的文本:
var c = document.getElementById("mySelect").childNodes[2].text;
亲自试一试 »
相关页面
HTML DOM 参考手册: node.firstChild 属性
HTML DOM 参考手册: node.lastChild 属性
HTML DOM 参考手册: node.parentNode 属性
HTML DOM 参考手册: node.nextSibling 属性
HTML DOM 参考手册: node.previousSibling 属性
HTML DOM 参考手册: node.nodeName 属性
