如何计算DOM中元素的数量？

Question

我想学习使用JavaScript计算DOM中body或特定div元素的数量。有没有简单而准确的方法？

目前我找不到任何相关教程，所以我认为这是一个很好的问题可以在SO上提问。

- user2700923

Answer 1

最简单的方法是：

var numOfElements = document.getElementsByTagName('*').length;

或者，在给定元素中查找这些元素：

var element = document.getElementById('demo'),
    numElems = element.getElementsByTagName('*').length;

- David Thomas

Answer 2

您可以使用querySelectorAll通过CSS选择器快速选择元素。如果您想计算每个单独的元素，只需执行：

您可以使用querySelectorAll通过CSS选择器快速选择元素。如果您想计算每个单独的元素，只需执行：

var num = document.querySelectorAll('*').length;

如果您想要计算一个 div 中的所有元素，可以这样做：

var num = document.querySelectorAll('#id *').length;

- nickclaw

---

请不要滥用alert()函数。 - Sterling Archer

我正准备采用这种方法（iPad回答... 唉，太慢了），但想起了兼容性问题。 - David Thomas

这是一个需要记在心里的好点子。虽然它在大多数现代浏览器中都可以工作。http://caniuse.com/#feat=queryselector - nickclaw

Answer 3

使用 document.all 在部分浏览器上可以工作，在未来将被弃用，不要在生产中使用。

document.all.length

使用jQuery，以防万一！

$('*').length;

- Aniket Kudale