如何檢測頁面是否有重複的id屬性值

admin發表於2017-03-09

根據W3C標準規定，在同一個文件內id屬性值是唯一的，也就是說不能夠有重複的id屬性值，如果當頁面比較龐大的話，如何去檢測是否有重複的id屬性值那將是一個複雜的工作，下面將提供一段程式碼例項可以解決此問題。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">
window.onload=function(){
var tags=document.getElementsByTagName("*"),
count=tags.length, time, ret = {}, id;
time=new Date();
for(var i = 0; i < count; i++){
   id=tags[i].id;
   if(id){
     if(ret[id]){
       alert(id + "/n用時：" + (new Date() - time));
       return;
     }
     else{
       ret[id]=true;
     }
   }
}
alert("未找到相同ID");
}
</script>
</head>
<body>
</body>
</html>

以上程式碼可以檢測文件中是否含有重複的id。

相關文章