【CVTE笔试题】HTML中出现次数最多的元素标签

最新推荐文章于 2024-05-09 12:29:53 发布

My-Lady

最新推荐文章于 2024-05-09 12:29:53 发布

阅读量805

点赞数

分类专栏：前端笔试题集锦文章标签： CVTE前端笔试 JS递归出现次数最多的标签

本文链接：https://blog.csdn.net/heshan1992/article/details/77803928

版权

前端笔试题集锦专栏收录该内容

11 篇文章 0 订阅

订阅专栏

利用JS实现查找HTML中标签中出现次数最多的标签，并统计出现的次数。
思路：
这题在做的时候脑袋有点蒙蔽，其实并不复杂，很简单，就是深度遍历，查找所有的元素节点，并进行统计出现的次数。
代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        tr:nth-child(2n+1){
            background:white ;
        }
        tr:nth-child(2n){
            background: gray;
        }
        tr:hover{
            background: yellow;
        }
    </style>
</head>
<body>
 <table class="table">
     <tr>
         <td>阅读</td>
         <td>阅读</td>
     </tr>
     <tr>
         <td>书籍</td>
         <td>书籍</td>
     </tr>
     <tr>
         <td>爱好</td>
         <td>爱好</td>
     </tr>
 </table>
</body>
<script type="text/javascript">
    function traverse(node,obj) {
         node = node || document.body;
         obj = obj || {};
        if(obj[node.nodeName] === undefined){
            obj[node.nodeName] = 1;
        }
        else{
            obj[node.nodeName]++;
        }
         if(node.childElementCount === 0)
         {
             return;
         }
         var child = node.firstElementChild;
        while(child){
             traverse(child,obj);
             child = child.nextElementSibling;
        }
        return obj;
    }
   var res = traverse();
   var max = {node:"",num:0};
   for(var key in res)
   {
       if(res[key] > max.num){
           max.node = key;
           max.num = res[key];
       }
   }
   console.log(max)
</script>
</html>

My-Lady

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【CVTE笔试题】HTML中出现次数最多的元素标签

利用JS实现查找HTML中标签中出现次数最多的标签，并统计出现的次数。思路：这题在做的时候脑袋有点蒙蔽，其实并不复杂，很简单，就是深度遍历，查找所有的元素节点，并进行统计出现的次数。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <st
复制链接

扫一扫