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

Question

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

我似乎找不到任何关于此的教程，所以我认为这对 SO 来说是一个很好的问题。

Answer 1

最简单的方法很简单：

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

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

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

Answer 2

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

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

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

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

Answer 3

在某些浏览器上使用document.all工作， 将来将被弃用，不要在生产中使用。

document.all.length

使用 jQuery，以防万一！

$('*').length;