HTML DOM childNodes 屬性

HTML DOM Element 對象

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

集合中的節(jié)點按照它們在源代碼中出現(xiàn)的順序排序，可以通過索引號訪問它們。

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

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

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

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

語法：

node.childNodes

var list = document.body.childNodes;

瀏覽器兼容性

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

屬性
childNodes	是	是	是	是	是

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

更多實例

找出DIV元素具有多少個子節(jié)點：

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

更改DIV元素的第二個子節(jié)點（索引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 對象