HTML DOM 元素 childElementCount
示例
一個 <div> 元素的子元素數量
let numb = document.getElementById("myDIV").childElementCount;
自己動手試一試 »
childElementCount 返回的結果與 children.length 相同
let numb = document.getElementById("myDIV").children.length;
自己動手試一試 »
描述
childElementCount
屬性返回一個元素的子元素的數量。
childElementCount
屬性返回的結果與 children.length
相同。
childElementCount
是隻讀的。
注意
返回的值是子**元素**的數量,而不是子節點的數量(如文字節點和註釋節點)。
另請參閱
HTML 節點與元素
在 **HTML DOM**(文件物件模型)中,HTML 文件是具有(或不具有)子節點的節點集合。
**節點**是元素節點、文字節點和註釋節點。
元素之間的空白符也是文字節點。
元素僅指元素節點。
childNodes 與 children
childNodes 返回子節點(元素節點、文字節點和註釋節點)。
children 返回子元素(不包括文字和註釋節點)。
兄弟節點與元素兄弟節點
**兄弟節點**是“兄弟姐妹”。
**兄弟節點**是具有相同父節點(在相同的 **childNodes** 列表中)的節點。
**元素兄弟節點**是具有相同父節點(在相同的 **children** 列表中)的元素。
語法
element.childElementCount
返回值
型別 | 描述 |
Number | 元素的子元素數量 |
瀏覽器支援
element.childElementCount
是 DOM Level 3 (2004) 的特性。
所有現代瀏覽器都完全支援它
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 11 |