JavaScript检测页面重复id属性值

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

代码如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</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>

代码描述：JavaScript 检测页面重复id 属性值。JavaScript检测页面重复id属性值

下载全部收藏

147 196

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册