本章节介绍一下如何统计页面中标签的数量,当然标签是可以重复的,虽然不常用,不过寄希望能够给大家带来或多或少的帮助。

代码如下:
   [ 其他 ] 运行代码    下载代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript">
var elementName="";
function countTotalElement(node){
  ///Attribute  nodeType值为2,表示节点属性
  ///Comment    nodeType值为8,表示注释文本
  ///Document   nodeType值为9,表示Document
  ///DocumentFragment   nodeType值为11,表示Document片段
  ///Element            nodeType值为1,表示元素节点
  ///Text               nodeType值为3,表示文本节点
  var total=0;
  //1代表节点的类型为Element
  if(node.nodeType==1){
    total++;
    elementName=elementName+node.tagName+"\\r\\n";
  }
  var childrens=node.childNodes;
  for(var i=0;i<childrens.length;i++){
    total+=countTotalElement(childrens[i]);
  } 
  return total;
}
window.onload=function(){
  var bt=document.getElementById("bt");
  bt.onclick=function(){
    alert('标签总数'+countTotalElement(document)+'\\r\\n 全部标签如下:\\r\\n'+elementName);
  }
}
</script>
</head>
<body>
<a href="javascript:void(0);return false" id="bt">点击测试</a>
</body>
</html>

代码描述:javascript统计 页面标签数量。javascript统计页面中标签数量效果代码下载



162 216



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到