HTML DOM childNodes 属性

HTML DOM Element 对象

childNodes只读属性返回给定元素的子节点集合，其中第一个子节点的索引为0。

集合中的节点按照它们在源代码中出现的顺序排序，可以通过索引号访问它们。

使用length属性确定子节点的数量，然后可以遍历所有子节点并提取所需的信息。

元素内部的空白被视为文本，而文本被视为节点。注释也被视为节点。

要获取仅元素的集合（不包括文本和注释节点），请使用children属性。

node.childNodes[0]将产生相同的结果则firstChild属性。

语法：

node.childNodes

var list = document.body.childNodes;

浏览器兼容性

所有浏览器完全支持childNodes属性：

属性
childNodes	是	是	是	是	是

技术细节

更多实例

找出DIV元素具有多少个子节点：

var len = document.querySelector("div").childNodes.length;

更改DIV元素的第二个子节点（索引1）的背景色：

var nodes = document.querySelector("div").childNodes;
nodes[1].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 对象