HTML DOM Element childElementCount 屬性

定義和用法

childElementCount 屬性返回元素的子元素數。

childElementCount 屬性返回與 children.length 相同的值。

childElementCount 是只讀的。

注釋:返回值是子元素的數量,而不是子節點(如文本和注釋節點)的數量。

另請參閱:

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 支持 支持 支持 支持