【发布时间】：2014-06-12 21:06:02
【问题描述】：
我想学习使用 javascript 计算我的 DOM 中的 body 或特定 div 中的元素数量。 有什么简单的方法可以准确地做到这一点？
我似乎找不到任何关于这方面的教程，所以我认为这对 SO 来说是个好问题。
【问题讨论】：
标签： javascript dom element
【发布时间】：2014-06-12 21:06:02
【问题描述】：
最简单的方法就是：
var numOfElements = document.getElementsByTagName('*').length;
或者，在给定元素中查找这些元素：
var element = document.getElementById('demo'),
numElems = element.getElementsByTagName('*').length;
【讨论】：
您可以使用querySelectorAll 使用 CSS 选择器快速选择元素。你想计算你能做的每一个元素：
var num = document.querySelectorAll('*').length;
如果你想计算一个 div 中的所有元素，你可以这样做：
var num = document.querySelectorAll('#id *').length;
【讨论】：
-
请不要这样滥用
alert()。 -
我正准备添加这种方法（iPad 接听...唉，好慢），但请记住兼容性问题。
-
请记住这一点。不过，它确实适用于大多数当前的浏览器。 caniuse.com/#feat=queryselector
在某些浏览器上使用document.all，in future will be deprecated dont use on production.
document.all.length
使用jQuery，以防万一！
$('*').length;
【讨论】：