美文网首页
求当前页面包含多少种标签?用到最多的3种标签是哪几个?分别用了几

求当前页面包含多少种标签?用到最多的3种标签是哪几个?分别用了几

作者: _皓月__ | 来源:发表于2021-04-15 11:33 被阅读0次
    // 求当前页面包含多少种标签?用到最多的3种标签是哪几个?分别用了几次?
    var tags = document.getElementsByTagName('*');
    var tagsObj = {};
    for (var i = 0; i < tags.length; i++) {
      let key = (tags[i].tagName).toLowerCase();
      tagsObj[key] = tagsObj[key] ? ++tagsObj[key] : 1;
    }
    console.log(tagsObj);
    // 升序,由少到多
    // var arr = Object.keys(tagsObj).sort((a, b) => {
    //   return tagsObj[a] - tagsObj[b];
    // })
    // 降序,由多到少
    var arr = Object.keys(tagsObj);
    arr.sort((a, b) => {
      return tagsObj[b] - tagsObj[a];
    })
    
    console.log(arr);
    console.log(`当前页面包含${arr.length}种标签,
    用到最多的3种标签分别是${arr[0]},${arr[1]},${arr[2]},
    分别用了${tagsObj[arr[0]]}次,${tagsObj[arr[1]]}次,${tagsObj[arr[2]]}次。`);
    

    相关文章

      网友评论

          本文标题:求当前页面包含多少种标签?用到最多的3种标签是哪几个?分别用了几

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