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

时间:2021-12-25 20:21:48

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

如何用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>

结果如下:

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

总结:

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

谢谢大家!