代码描述:javascript统计 页面标签数量。javascript统计页面中标签数量效果代码下载
本章节介绍一下如何统计页面中标签的数量,当然标签是可以重复的,虽然不常用,不过寄希望能够给大家带来或多或少的帮助。 代码如下:
<!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>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能