JS获取页面所有元素并统计每个标签的个数

最新推荐文章于 2025-05-18 18:13:19 发布

black_cat_T

最新推荐文章于 2025-05-18 18:13:19 发布

阅读量6.7k

点赞数 5

CC 4.0 BY-SA版权

文章标签： js DOM操作面试题

本文链接：https://blog.youkuaiyun.com/qq_40717869/article/details/82655536

本文提供了一种简化的方法来统计网页中所有DOM元素的数量，并通过一个实用的JavaScript脚本来实现这一目标。该脚本遍历整个DOM树并对不同类型的DOM元素进行计数，最后将结果输出到控制台。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

看了百度上的文章感觉都有点麻烦，就写了一个简单点的～

let el = document.getElementsByTagName('*');

let elObj = {};

for(var i=0; i<el.length;i++){
    if(!elObj[el[i].tagName.toLowerCase()] ){
 		elObj[el[i].tagName.toLowerCase()] = 1;
	}else{
		elObj[el[i].tagName.toLowerCase()] ++;
	}
}

console.log(elObj)

感觉这样就OK啦