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 |