美文网首页
获取页面所有的DOM标签,并统计

获取页面所有的DOM标签,并统计

作者: cooqi | 来源:发表于2020-04-21 19:52 被阅读0次
    //1.获取所有标签
    doucument.getElementByTagName('*')//获取到的是类数组
    //2.转化成数组
    [...doucument.getElementByTagName('*')]
    //3.获取标签名
    [...doucument.getElementByTagName('*')].map(item=>{
        item.nodeName
    })
    
    //4.每个标签出现次数
    let dom=[...doucument.getElementByTagName('*')].map(item=>{
        item.nodeName
    })
    let domObj=dom.reduce((obj,a)=>{//obj 结果,a是当前值
        obj[a]=obj[a]?obj[a]+1:1
        return obj
    },{})//初始是一个对象
    
    //5.排序
       //转数组方便排序
    let arr=Object.entries(domObj)
    arr.sort((a,b)=>b[1]-a[1])//倒序
    
    //去重
    new Set([...doucument.getElementByTagName('*')].map(item=>{
        item.nodeName
    }))
    
    

    相关文章

      网友评论

          本文标题:获取页面所有的DOM标签,并统计

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