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

Question

我想学习使用javascript计算体内或DOM中特定div内元素的数量。 准确地执行此操作的简单方法是什么？

似乎没有任何我可以找到的教程，所以我觉得它对于SO来说是一个很好的问题。

Answer 1

最简单的方法就是：

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

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

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

Answer 2

您可以使用querySelectorAll使用CSS选择器快速选择元素。你想要计算你可以做的每一个元素：

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

如果要计算div中的所有元素，可以执行以下操作：

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

Answer 3

在某些浏览器in future will be deprecated dont use on production.中使用i

document.all

以防万一，使用jQuery！

document.all.length