本文介绍如何使用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统计页面标签数量的示例代码，旨在提供实用参考。如有任何疑问，欢迎留言，小编将及时回复。衷心感谢各位对本站的支持！