childNodes

❮ Element 对象

实例

获得 body 元素的子节点集合:

var c = document.body.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"; 亲自试一试 »

实例

获取 <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 属性

---

❮ Element 对象