HTML | DOM childElementCount 属性

简介

childElementCount 属性返回指定元素的子元素数目，只包括元素节点，不计算文本节点和注释节点。

语法

elementNode.childElementCount

• elementNode：需要查询子元素数目的元素节点。

示例

<ul id="list">
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
</ul>

const list = document.getElementById('list');
console.log(list.childElementCount); // 输出：3

注意事项

• childElementCount 属性只能被元素节点调用。
• 该属性返回的是一个数字，代表指定元素的子元素数目。
• 为了更精确地计算子元素数目，应该先剔除文本节点、注释节点等非元素节点，再使用 childElementCount 属性统计子元素数目。

参考资料

• MDN Web Docs