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";测试看看‹/›
HTML DOM参考:node .firstChild属性
HTML DOM参考:node.lastChild属性
HTML DOM参考:node.parentNode属性
HTML DOM参考:node.nextSibling属性
HTML DOM参考:node.previousSibling属性
HTML DOM参考:node.nodeName属性