利用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>