javascript-如何获取网页中使用的DOM元素的数量

使用jQuery,我可以轻松获得网页使用的DOM元素的数量:

$('*').length;

但并非所有网站都使用jQuery。

所以我的问题是:如何使用纯JavaScript和js控制台获取网页中使用的DOM元素的数量。

antonjs asked 2020-02-13T19:23:27Z
2个解决方案
80 votes

假设您的意思是“ HTMLElementNodes”,而不是“所有节点”(其中包括文本节点,并且还会被您的jQuery示例跳过),然后:

document.getElementsByTagName('*').length

但这仍然需要使用DOM。 纯JavaScript不能与HTML文档交互,只能作为文本字符串。

Quentin answered 2020-02-13T19:23:47Z
16 votes

真的很简单:

document.getElementsByTagName('*').length

如果您可以忽略较旧的浏览器,则还可以使用以下方式保留一些类似于jQuery的语法:

var $;
$ = document.querySelectorAll.bind(document);
$('*').length;
zzzzBov answered 2020-02-13T19:24:12Z
translate from https://stackoverflow.com:/questions/9808307/how-to-get-the-number-of-dom-elements-used-in-a-web-page