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

Question

我想学习使用javascript计算体内或DOM中特定div内元素的数量.准确地做到这一点的简单方法是什么？

似乎没有任何我可以找到的教程,所以我认为这对SO来说是个好问题.

Answer 1

最简单的方法是:

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

或者,在给定元素中查找这些元素:

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

Answer 2

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

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

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

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