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

时间:2023-03-08 17:36:19

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

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

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

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

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<style></style>
</head>
<body>
<div></div>
<a></a>
<a></a>
<a></a>
<b></b>
<pre></pre>
<script>
(function(content){
var tags=content.getElementsByTagName('*'),
findTags=[],
i=0,tagsLength=tags.length,tagName;
for(;i<tagsLength;i++){
tagName=tags[i].tagName.toLowerCase();
if(findTags.indexOf(tagName)==-1){
findTags.push(tagName);
}
}
console.log(findTags);
})(document)
</script>
</body>
</html>

结果如下:

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

总结:

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

谢谢大家!