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);
      })
    }

调用示例

JavaScript统计DOM标签数量实现

内容总结

上述内容为JS统计页面标签数量的示例代码,旨在提供实用参考。如有任何疑问,欢迎留言,小编将及时回复。衷心感谢各位对本站的支持!

作者最新文章