【2017-11-08】document.getElementById 在IE中隐藏的bug

最新推荐文章于 2020-08-26 20:42:31 发布
最新推荐文章于 2020-08-26 20:42:31 发布
阅读量1.8k 收藏
点赞数
分类专栏： 每日总结 文章标签： bug ie 8 前端开发 控件 ie 7
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kk_yanwu/article/details/78484597
版权


document.getElementById 一般在前端开发中用来获取指定ID的控件，如果存在这个元素，则会直接返回这个元素，否则返回null.

*在IE8以前的版本中，document.getElementById 对大小写是不敏感的
这里写图片描述
这里写图片描述
这里写图片描述

如上图：相同的代码在IE7下可以获取到元素，而在IE8下获取到的是null,由此可证明IE7及以下版本对大小写是不敏感的；


在IE8以前的版本中，document.getElementById获取的元素不仅限于ID，当存在相同的name属性时，一样会返回该元素
这里写图片描述
这里写图片描述
这里写图片描述

如上图所示：
在IE7中，document.getElementById 获取到的元素，匹配的name属性的input，得到的是相同name属性的value；
在IE8中，document.getElementById 获取到的元素，匹配的id属性的input，得到的是相同id属性的value；


如此我们可以得出结论：
在使用document.getElementById获取元素的时候，如需要考虑到IE7及其以下的版本，需要特别注意大小写同名以及ID于name相同的情况；

4张A
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
藏在IE中的Bug：关于document.getElementById（）方法
火箭豹
08-14 9136
Document类型提供了两个方法：document.getElementById（）和getElementsByTagName（）来取得特定的某个或某组元素的引用。        getElementById（）接收要取得元素的ID，若该元素存在则返回该元素，否则则返回null。注意：这里的ID必须与页面中元素的id特性严格匹配，包括大小写。 Some textvar div=doc
javascript代码在ie8里报错 document.getElementById(...) 为空或不是对象的解决方法 <font color=red>原创</font>
10-29
今天更升级了ie8,发现原来在ie7下可以运行的代码，不能运行了，发现了一些细节，附临时修改办法。
document.getElementById 在ie下的不正常
07-14 79
[size=large]document.getElementById 在ie下其实先判断name，有name符合要求，就不会管id了，没有name符合要求时才匹配id [/size] text1： text2： 我在IE中测试了上面的代码，在第一个文本框中输入1，在第二个文本框中输入2，然后点下面的两个按钮，猜一下结果是什么？ ...
IE中document.getElementById()对name和id的读取
InSearch的专栏
02-24 5718
/*  IE document.getElementById BUG 演示DEMO      作者:朦朧中的罪惡      博客:http://be-evil.org  */  function changeValue()  {      var username = document.getElementById('username');      username.value = 'Whahaha';  }  name:name2:
元素隐藏：document.getElementById(“div2“).style.visibility=“hidden“；$(“#ldiv2“).attr(“style“,“display）:
可控的事情要谨慎，不可控的事情要乐观。
08-26 3100
参考博客：JS jQuery显示隐藏div的几种方法
document.getElementById的一些细节
12-09
① document.getElementById 有时会抓name放过了id ，据说是IE的一个BUG； http://community.csdn.net/Expert/topic/4223/4223888.xml?temp=.1947443 页面中有 程序代码 <input type=”hidden” id=”hello8...
IE 缓存策略的BUG的解决方法
10-30
在IE浏览器中，由于其对innerHTML属性的处理方式存在一个已知的缓存策略bug，导致在动态生成包含相同图片源的HTML内容时，IE并不会正确地缓存这些图片，而是每次都重新请求。这个问题在Firefox等其他浏览器中并不...
ie6 fixed bug的解决方法 (css+js)
09-25
在IE6浏览器中，"fixed"定位是一个众所周知的bug，它无法像在现代浏览器中那样正常工作。"fixed"定位通常用于创建始终固定在视口某个位置的元素，如导航栏或悬浮窗口。然而，IE6并不支持CSS的"fixed"定位，导致元素...
ie focus bug 解决方法
11-30
在IT行业中，尤其是在Web开发领域，经常会遇到各种浏览器兼容性问题，其中IE（Internet Explorer）浏览器因其独特的实现方式，有时会引发一些不寻常的bug。本文将深入探讨一种常见的IE焦点（focus）bug以及如何通过...
js完美解决IE6不支持position:fixed的bug
12-03
在JavaScript和网页设计领域，IE6（Internet Explorer 6）是一个知名的挑战，特别是在处理CSS样式时。`position:fixed`是CSS中一个重要的属性，它允许元素相对于浏览器窗口定位，即使在滚动页面时也始终保持其位置。...
document.getElementById(id)的隐藏与显示
stackoverflow
08-27 1万+
var n = 1; function $(id){ return document.getElementById(id); } function show_child(){ if(n==1){ //alert(n); $("rwgl").style.display="none"; n = n-1; } else { //alert(""); $("rwgl").sty
当元素在隐藏容器内 document.getElementById能不否得到
ikmb的专栏
03-05 1731
 当元素在隐藏容器内 如：  var a=document.getElementById("i1");IE:不能得到，a=nullFF:可以得到，a=DOMINPUT 
浏览器错误：document.getElementById（）获取错误的元素（IE）
IT与开发人员的地盘
05-21 944
问题 document.getElementById（）通过其名称选择一个元素。 浏览器 IE浏览器 例 相关的HTML代码： [HTML] <输入名称=“测试”类型=“文本”值=“测试”> [/ HTML] Javascript代码： varobj=document.getElementById("test");即使页面上不存在ID为“ test”的元素，也不会...
IE8、IE7、IE6中使用getElementById需要注意的问题
小飞鱼的blablabla...
10-08 8889
最近，在公司负责编写一个绩效考核模块，页面上有许多输入框，笔者就想用javascript做一下简单验证，用struts的验证比较麻烦而且增加服务器负载。笔者在公司电脑上安装了IE10、chrome、firefox、搜狗浏览器这几个比较主流的浏览器进行测试，没有发现什么问题，但是提交代码后，别人在IE8上测试出现了各种各样的问题。。。笔者表示十分郁闷！！下面是笔者写的部分js代码和html页面代码：
关于IE8不支持document.getElementById().innerHTML的问题
weixin_34160277的博客
05-13 659
document.getElementById("id").innerHTML = (showinfo);//IE8不支持. 可以用Jquery来解决这个问题: $('#id').html(showinfo);  
document.getElementById("id") is null 错误解决
热门推荐
continue my dream
09-07 2万+
错误原因:body还没有加载，此时，无法获取dom对象元素，则程序就会报错document.getElementById("myHeader") is null  我的测试文件 var x=document.getElementById("myHeader"); alert(x.innerHTML); 这是标题 点击标题，会提示出它的值。 解
IE8，不再需要getElementById?
weixin_30916125的博客
12-24 145
今天在写JS代码的时候，发现oDiv = document.getElementById("oDiv");如此简单的一段代码在IE8中会出错,错误提示是对象不支持此属性或方法。看了半天没想明白为什么,而且在其他浏览器中正常.看错误提示位置，是oDiv这个变量有问题。将变量名改了，测试没有问题，将代码改成var oDiv = document.getElementById("oDiv");也没有问题...
ie8 ie10 document.getElementById()语法错误
lswandt博客
07-05 1075
网站在打开发现一个错误，chrome不报错，但是ie11之前的版本都会有这个问题。 报错语句在这 看起来很正常的一句话。id也唯一，后面看到有个strong标签中也存在这个英文。删除后正常。如遇到这种诡异问题可以换个名字在试试。 参考如下：可以详细了解下点击了解更多 ...
document.getElementById('js-sign-up-btn').click();
最新发布
11-11
具体来说，它使用了document对象的getElementById()方法来获取指定id的元素，然后使用click()方法来模拟点击该元素。...请注意，这段代码只有在页面中存在id为'js-sign-up-btn'的元素时才能正常工作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值