原生JS获取所有标签的数量并统计每个标签的数量

最新推荐文章于 2023-09-15 14:26:42 发布

转载最新推荐文章于 2023-09-15 14:26:42 发布 · 985 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lmjZone/p/8522448.html

文章标签：

#java #javascript #ViewUI

本文介绍了一种使用JavaScript遍历页面所有元素并统计各标签使用频率的方法，通过创建数组存放标签名，再利用双重循环对比实现重复标签计数，最终输出页面中各标签的出现次数。

<script type="text/javascript">  
  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;  
}  
console.log(countTag());  
</script>