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