JavaScript实现统计页面DOM标签数量的方法
作者:竹影时间:2026-10-22 14:54:02浏览:527
本文介绍如何使用JavaScript统计页面上各HTML标签的数量。通过递归遍历DOM节点,利用Map对象记录标签名及出现次数,并汇总子节点数据,最终输出完整的标签统计结果。
JavaScript统计DOM标签数量实现
具体代码实现如下:
function fold(node){
var map = new Map();
map.set(node.tagName,1);
[].reduce.call(node.children,(acc,child)=>{
deal(acc,fold(child));
return acc
},map)
return map
}
function deal(srcMap,tarMap){
tarMap.forEach((value,tagName)=>{
var newV = value + ~~srcMap.get(tagName);
srcMap.set(tagName,newV);
})
}
调用示例

内容总结
上述内容为JS统计页面标签数量的示例代码,旨在提供实用参考。如有任何疑问,欢迎留言,小编将及时回复。衷心感谢各位对本站的支持!
作者最新文章
网页开发三者分工:HTML结构、CSS样式与JavaScript交互怎么协作
2026-11-05 12:51:22
JS解析URL参数时怎么处理中文乱码和特殊字符
2026-11-05 12:47:23
js-cookie 存储 JSON 对象:自动序列化与反序列化技巧
2026-11-05 12:36:26
marked.js 快速上手:安装与基础 Markdown 转 HTML 示例
2026-11-05 09:32:53
Phaser.js 与 PixiJS、Cocos Creator 的技术选型对比
2026-11-05 08:36:30
