HTML DOM childNodes 屬性

HTML DOM Element 對(duì)象

childNodes只讀屬性返回給定元素的子節(jié)點(diǎn)集合，其中第一個(gè)子節(jié)點(diǎn)的索引為0。

集合中的節(jié)點(diǎn)按照它們?cè)谠创a中出現(xiàn)的順序排序，可以通過(guò)索引號(hào)訪(fǎng)問(wèn)它們。

使用length屬性確定子節(jié)點(diǎn)的數(shù)量，然后可以遍歷所有子節(jié)點(diǎn)并提取所需的信息。

元素內(nèi)部的空白被視為文本，而文本被視為節(jié)點(diǎn)。注釋也被視為節(jié)點(diǎn)。

要獲取僅元素的集合（不包括文本和注釋節(jié)點(diǎn)），請(qǐng)使用children屬性。

node.childNodes[0]將產(chǎn)生相同的結(jié)果則firstChild屬性。

語(yǔ)法：

node.childNodes

var list = document.body.childNodes;

瀏覽器兼容性

所有瀏覽器完全支持childNodes屬性：

屬性
childNodes	是	是	是	是	是

技術(shù)細(xì)節(jié)

更多實(shí)例

找出DIV元素具有多少個(gè)子節(jié)點(diǎn)：

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

更改DIV元素的第二個(gè)子節(jié)點(diǎn)（索引1）的背景色：

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

相關(guān)參考

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 對(duì)象