【CVTE】请使用原声Javascript实现一个方法，判断html中出现次数最多的标签，并统计这个次数

疯子的日常

于 2017-09-05 15:26:47 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web前端文章标签：前端笔试

本文链接：https://blog.youkuaiyun.com/FannieQ/article/details/77852037

web前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种通过JavaScript来统计网页中各种HTML标签使用频率的方法。该方法首先获取所有标签，然后将其转换为小写并存储在一个数组中。接着，通过双重循环比较数组中的元素以找出重复出现的标签，并统计每个标签的出现次数。最终输出出现频率最高的标签及其计数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var tags = document.getElementsByTagName('*');
var tagsArr = [];
function countTag(){
  for (var i = 0; i < tags.length; i++) {  
    tagsArr.push((tags[i].tagName).toLowerCase());  
  }   
  var temp = [];    
  var tag =[];  
  for (var i = 0; i < tagsArr.length; i++) {  
    for (var j = i+1; j < tagsArr.length+1; j++) {  
      if (tagsArr[i] == tagsArr[j]) {  
        temp.push(tagsArr[j]);  
        tagsArr.splice(j,1);  
        j--;  
      }  
      if (j == tagsArr.length -i) {  
        temp.push(tagsArr[i]);  
        tagsArr.splice(i,1);  
        i--;  
        tag.push(temp);  
        temp = [];  
      }  
    }  
  }  
  return tag;  
}

var all = countTag();
var maxTagCount = 0;
var maxTagName = '';
for(var i=0; i<all.length; i++){
  if(all[i].length >= maxTagCount){
    maxTagCount = all[i].length;
    maxTagName = all[i][0];
  }
}

console.log(maxTagCount);
console.log(maxTagName);