用javascript 写个函数返回一个页面里共使用了多少种HTML 标签

今天我无意间看到一个面试题:

如何用javascript 写个函数返回一个页面里共使用了多少种HTML 标签?

不知你看到 是否蒙B了,如果是我 面试,肯定脑子嗡嗡的响。。。。

网上搜了搜也没有找到答案,静下心想了想,突然。。有了方法,完整代码如下:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Demo</title>
 6     <style></style>
 7 </head>
 8 <body>
 9 <div></div>
10 <a></a>
11 <a></a>
12 <a></a>
13 <b></b>
14 <pre></pre>
15 <script>
16     (function(content){
17         var tags=content.getElementsByTagName('*'),
18                 findTags=[],
19                 i=0,tagsLength=tags.length,tagName;
20         for(;i<tagsLength;i++){
21              tagName=tags[i].tagName.toLowerCase();
22             if(findTags.indexOf(tagName)==-1){
23                 findTags.push(tagName);
24             }
25         }
26         console.log(findTags);
27     })(document)
28 </script>
29 </body>
30 </html>

结果如下:

总结:

 你找到方法吗?有其他 方式实现的欢迎分享。

谢谢大家!

posted @ 2017-01-04 15:19  zhanglearning  阅读(1375)  评论(0编辑  收藏  举报