JavaScript如何检测代码中是否有重复的id属性

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript如何检测代码中是否有重复的id属性

按照w3c标准，在同一个页面中，id属性值是唯一的，如果页面比较庞大的话，那么人工检测是否与重复的id属性值将比较困难，下面是一段代码实例能够实现快速检测是否有重复id属性值的功能，代码实例如下:

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

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; 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("*");
  var count=tags.length;
  var time;
  var ret={}
  var id;
  var 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>
<div id="mayi">51前端一</div>
<div id="mayi">51前端二</div>
</body>
</html>

代码描述：JavaScript 检测代码 id属性。JavaScript如何检测代码中是否有重复的id属性

下载全部收藏

368 491

用户评论

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