HTML DOM Element childNodes
示例
獲取 <body> 元素的子節點
const nodeList = document.body.childNodes;
自己動手試一試 »
獲取 "myDIV" 中的子節點數量
let numb = document.getElementById("myDIV").childNodes.length;
自己動手試一試 »
更多示例見下文。
描述
childNodes
屬性返回元素子節點的集合(列表)。
childNodes
屬性返回一個 NodeList 物件。
childNodes
屬性是隻讀的。
childNodes[0]
等同於 firstChild
。
重要提示!
childNodes
返回 **節點**:元素節點、文字節點和註釋節點。
元素之間的空白符也是文字節點。
替代方案
children
屬性返回 **元素**(忽略文字和註釋)。
另請參閱
節點屬性
HTML 節點與元素
在 **HTML DOM**(文件物件模型)中,HTML 文件是具有(或不具有)子節點的節點集合。
**節點**是元素節點、文字節點和註釋節點。
元素之間的空白符也是文字節點。
元素僅指元素節點。
childNodes 與 children
childNodes 返回子節點(元素節點、文字節點和註釋節點)。
children 返回子元素(不包括文字和註釋節點)。
兄弟節點與元素兄弟節點
**兄弟節點**是“兄弟姐妹”。
**兄弟節點**是具有相同父節點(在相同的 **childNodes** 列表中)的節點。
**元素兄弟節點**是具有相同父節點(在相同的 **children** 列表中)的元素。
語法
element.childNodes
返回值
型別 | 描述 |
物件 | 一個包含節點的 NodeList 物件集合。 節點按它們在文件中出現的順序排序。 |
更多示例
獲取 <select> 元素的第三個子節點的文字
let text = document.getElementById("mySelect").childNodes[2].text;
自己動手試一試 »
瀏覽器支援
element.childNodes
是 DOM Level 1 (1998) 的一個特性。
所有瀏覽器都完全支援。
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 9-11 |