zoukankan      html  css  js  c++  java
  • 一个页面有相同ID元素的情况分析

    经常会遇到一个页面中有相同定义相同id的情况,从道理上来说,id应该是这个页面中某个元素的唯一标识,所以不应该出现有相同id的情况,否则会产生意想不到的结果。而且各个浏览器的表现也是不一样的。我只做了ie6,chrome和firefox的测试。
    代码如下:
    <div id="a"><input type="text" id="aa" value="aaaaaaaa"/></div>
    <div id="b"><input type="text" id="aa" value="bbbbbbbbb"/></div>
    <input type="button" onclick="show()" value="click here" />
    <script type="text/javascript" src="http://qustliuyongjie.blog.163.com/blog/jquery.min.js"></script>
    <script type="text/javascript">
    function show(){
        alert($('#aa').val());(情况一)
        alert($('#a #aa').val());(情况二)
        alert($('#b #aa').val());(情况二)
    }
    </script>
    简单的总结一下:
    1、在测试过的所有浏览器下,采用情况一下的方式,也就是直接用id取值的话,浏览器只会返回id相同的第一个元素的值。后面的值不会覆盖前面的值。
    2、采用情况二的方式,也就是不同范围内的相同id取值,在ie6下返回的结果是第一个能找到,但是第二个返回的是undefined,也就是说找不到值。但是在chrome和firefox下是可以分别取到两个值的。这就是不同浏览器的区别。
    综上所述,在一个页面里尽量的不要出现有相同id的元素。另外,当有相同id的元素时,如果要使用JS/JQuery的函数(innerHTML()、text()等)对id所在元素进行操作,js函数无法使用。
  • 相关阅读:
    JQuery 日历控件
    恢复xp_cmdshell SQL Server阻止了对组件 'xp_cmdshell' 的过程'sys.xp_cmdshell' 启用
    XML基础总结
    09.09.16总结
    草根
    设计模式学习总结
    检索 COM 类工厂中 CLSID 为{0002450000000000C000000000000046} 的组件时失败,原因是出现以下错误: 80070005。
    09.09.22总结
    Singleton 单态模式
    【Tomcat源码学习】5.请求处理
  • 原文地址:https://www.cnblogs.com/moqiang02/p/4061312.html
Copyright © 2011-2022 走看看