美文网首页
js 统计页面标签种类及数量

js 统计页面标签种类及数量

作者: McDu | 来源:发表于2021-02-24 15:27 被阅读0次
  1. 统计页面标签种类
new Set([...document.querySelectorAll('*')].map(node => node.tagName))
  1. 统计页面中每个标签的出现次数,及出现次数最多的标签

第一步:取得页面所有的标签

const nodes = [...document.querySelectorAll('*')]

第二步:取得标签名及对应的数量

const map = new Map()
for(let node of nodes) {
  const tag = node.tagName
  const isExist = map.has(tag)
  if(isExist) {
    let val = map.get(tag)  
    // 注意:这里 ++val ,val++不生效   
    map.set(tag, ++val)
  } else {
    map.set(tag, 1)
  }
}

第三步:转化为数组排序,取出数量最多的

const resArr = [...map].sort((a, b) => b[1] - a[1])
console.log(resArr[0])
结果

相关文章

网友评论

      本文标题:js 统计页面标签种类及数量

      本文链接:https://www.haomeiwen.com/subject/vjssfltx.html