HTML DOM Element childElementCount Attribute

Paglilinaw at Paggamit

childElementCount Ang attribute ay ibibigay ang bilang ng mga anak na elemento ng elemento.

childElementCount Ang attribute ay ibibigay ang parehong halaga sa children.length.

childElementCount Lamang para sa pagbasa lamang.

註釋：返回值是子元素的数量，而不是子節點（如文本和註釋節點）的数量。

另請參考：

children 屬性

firstElementChild 屬性

lastElementChild 屬性

nextElementSibling 屬性

previousElementSibling 屬性

tagName 屬性

childNodes 屬性

HTML 語點與元素

在 HTML DOM（文檔對象模型）中，HTML 文檔是擁有（或沒有）子節點的節點集合。

節點指的是元素節點、文本節點和註釋節點。

元素之間的空白也是文本節點。

而元素只是元素節點。

子節點與子元素

childNodes 返回子節點（元素節點、文本節點和註釋節點）。

children 返回子元素（而非文本和註釋節點）。

同胞與元素同胞

同胞是“兄弟”和“姐妹”。

同胞是擁有相同父節點的節點（在相同的 childNodes 列表中）。

元素同胞是擁有相同父元素的元素（在相同的 children 列表中）。

實例

例子 1

<div> 元素的子元素數量：

let numb = document.getElementById("myDIV").childElementCount;

親自試試

例子 2

childElementCount 返回與 children.length 相同的值：

let numb = document.getElementById("myDIV").children.length;

親自試試

語法

element.childElementCount

返回值

類型 描述
數字 元素的子元素數。

瀏覽器支持

element.childElementCount 是 DOM Level 3 (2004) 特性。

所有瀏覽器都完全支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持