IE8、IE7、IE6中使用getElementById需要注意的问题

最新推荐文章于 2020-10-19 09:43:26 发布

进击的小飞鱼

最新推荐文章于 2020-10-19 09:43:26 发布

阅读量8.8k

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/ZSMJ_2011/article/details/12450587

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

最近，在公司负责编写一个绩效考核模块，页面上有许多输入框，笔者就想用javascript做一下简单验证，用struts的验证比较麻烦而且增加服务器负载。笔者在公司电脑上安装了IE10、chrome、firefox、搜狗浏览器这几个比较主流的浏览器进行测试，没有发现什么问题，但是提交代码后，别人在IE8上测试出现了各种各样的问题。。。笔者表示十分郁闷！！下面是笔者写的部分js代码和html页面代码：

<html>
<head>
<script>
function check(obj)
{
    var div=document.getElementById(obj.name);
    if(obj.value=='')
          div.innerHTML="输入不正确！";  
}
</script>
</head>
<body>
<input type="text" οnblur="check(this);" name="common.serveArea"/>
<div id="common.serveArea" style="color:red;display:inline"></div>
</body>
</html>

上面是一部分代码，不是源代码。。。。笔者这里设计让div来显示错误提示，div的id属性与input的name属性相同，这样使用onblur事件，当鼠标离开文本框时，调用check方法，check方法传入的是input标签做参数，通过访问input标签的name属性，获得div的id属性，再通过getElementById获得div标签，控制div标签里面的内容。。。

可是，在IE8上发现，div标签内的内容并没有任何变化，倒是input标签的显示来回变化。。。。

笔者觉得这完全是IE8上使用getElementById这个方法时，没有获得div标签，在通过f12开发者工具进行调试后，发现果然是这样。笔者在网上查了一下getElementById在ie8中使用时注意的问题，发现了这个解释 http://www.w3help.org/zh-cn/causes/SD9001

这里提到，同时需注意页面中的元素的 id 属性值不能与其他元素的 name 属性值有重复。

也就是说，假如页面中有个input标签的name属性和某个标签的id属性相同，那么你通过getElementById获得的可能是那个input标签

进击的小飞鱼

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE8、IE7、IE6中使用getElementById需要注意的问题

最近，在公司负责编写一个绩效考核模块，页面上有许多输入框，笔者就想用javascript做一下简单验证，用struts的验证比较麻烦而且增加服务器负载。笔者在公司电脑上安装了IE10、chrome、firefox、搜狗浏览器这几个比较主流的浏览器进行测试，没有发现什么问题，但是提交代码后，别人在IE8上测试出现了各种各样的问题。。。笔者表示十分郁闷！！下面是笔者写的部分js代码和html页面代码：
复制链接

扫一扫