您所在的位置:小祥子 » 编程 » JavaScript » 正文

如何检测页面是否有重复的id属性值

时间:2015-07-28 编辑:程序员小菜 来源:CnBlogs

如何检测页面是否有重复的id属性值:

根据W3C标准规定,在同一个文档内id属性值是唯一的,也就是说不能够有重复的id属性值,如果当页面比较庞大的话,如何去检测是否有重复的id属性值那将是一个复杂的工作,下面将提供一段代码实例可以解决此问题。

代码如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.51texiao.cn/" />
<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。

原文地址是:http://www.51texiao.cn/javascriptjiaocheng/2015/0519/1816.html

最为原始地址:http://www.softwhy.com/forum.PHP?mod=viewthread&tid=8267

关键词:检测 页面 重复 属性