HTML DOM childNodes 属性

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元素的第二个子节点（索引1）的背景色：

示例

var nodes = document.querySelector("div").childNodes;
nodes[1].style.backgroundColor = "coral";