本章節介紹一下如何統計頁面中標簽的數量,當然標簽是可以重復的,雖然不常用,不過寄希望能夠給大家帶來或多或少的幫助。

代碼如下:
   [ 其他 ] 運行代碼    下載代碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.4756661.live/" />
<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統計頁面中標簽數量效果代碼下載



4 5



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: js js代碼 js實例 javascript javascript代碼 javascript實例 js操作DIV標簽 js獲得DIV標簽 js添加刪除DIV標簽 js設置DIV標簽 javascript操作DIV標簽 javascript獲得DIV標簽 javascript添加刪除DIV標簽 javascript設置DIV標簽
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

林肯娱乐怎么赚钱