小心IE 下document.getElementById()的陷阱

精贴置顶

2297 0

document.getElementById() 方法，我们都很熟悉的，这个方法可以使用一个元素的 ID 获取这个元素的 DOM 对象。W3C规定这个方法只能以 ID 为参数，但是 MSDN 中对此方法的定义确是返回第一个 ID 或 name 为参数的 DOM 与元素。看，MSDN里的说明：http://msdn.microsoft.com/en-us/library/ms536437(VS.85).aspx

因为这个差异，会造成这个方法的兼容性问题。当使用元素的 name 获取元素对象的时候，就会产生这个问题，IE支持，Safari 和 Chrome 等都不支持。

请看下面的代码：

HTML code

<input type="button" id="inputid" name="inputname" value="test">
<script>
    window.onload = function() {
          alert(document.getElementById("inputname"));
    }
</script>

上面这段代码中，使用了 INPUT 元素的name属性来获取它的DOM元素。

这段代码在IE6(S)(Q) 、IE7(Q)(S)和IE8(Q)中，都返回一个 object类型的对象。但是在其他浏览器中返回一个 null。

有兴趣的同学可以尝试把 INPUT 元素换成其他类型的元素试试，这个问题还可能跟类型有关系呢。

为了避免这个兼容性问题，以免造成功能性问题，最好使用 ID 作为该方法的参数。

没有任何评论

今日天气 ···

···

···

···

近一月回答榜 - TOP 12

wuxuxiao 钻石VIP

qwe2466985 超级会员

yu_rebecca 黄金会员

wuxiao2882 青铜会员

a448155162 普通会员

messi 普通会员

85xinxi 普通会员

fushang369 普通会员

wawa512com 普通会员

zhuangjunhua 普通会员

ucase 普通会员

xuchunyun 普通会员

博客标签

JAVA C# ASP PHP 操作系统 Android IOS ASP.NET JavaScript DIV+CSS SEO 软件技巧浏览器兼容服务器安全数据库 HTML 域名空间建站经验其他技术知识设计类随便说说趣味编程淘宝客饼哥语录

历史作品

企业宣传类门户类外贸类商城类博客论坛类 OA管理类政府机构类私单手机版

热门排行: CSS cursor鼠标样式一览表 2012-06-25; .NET后台写JS代码 2011-11-03; 网站地址多出jdfwkey的问题解析及... 2010-08-25; 数据库xxx的日志已满,请备份该数... 2013-07-19; 百度、google、Yahoo网站地图制作... 2011-01-30; <a>标签的伪类书写顺序问题... 2010-09-04; 什么是长尾关键词？ 2010-09-24; CEO名言 2010-08-31; Mysql 主从数据库同步 2010-09-12; 用ASP实现网页BBS 2010-11-01

博主推荐: 本个人博客微信公众平台上线啦~~... 2013-10-13; 饼哥网络互联上线啦~~要买域名空... 2013-09-20; 网站title标题如何正确修改不会被... 2013-08-26; 饼哥通讯录系统上线啦，欢迎大家... 2013-08-24; ASP .NET MYSQL 的简单分页并不... 2013-08-19; 网站有弹窗广告这样的站点，百度... 2013-08-17; 做淘宝SEO优化需要注意的8大问题 2013-08-17; 淘宝网怎么做SEO优化 2013-08-17; 站长们要学习的“苍井空精神” 2013-08-17; 苹果公司今日发布了iOS 7第五个开... 2013-08-07

随便看看: 百度、google、Yahoo网站地图制作... 2011-01-30; ocation.href 在IE6中不跳转的解... 2010-08-25; CSS cursor鼠标样式一览表 2012-06-25; 弹出新窗口转向，算作弊吗？ 2010-09-20; 对你的ASP程序作负载测试 2010-10-22; js如何实现几秒后跳转到其他页面 2013-06-24; js怎么输出30-50之间的随机数 2010-09-12; Robots.txt 文件应放在哪里？ 2010-10-03; Google Analytics 分析的关键字怎... 2010-10-02; Java base64 编码和解码案例 2013-06-26

RSS新闻: 传媒新闻; CSDN; 八卦新闻; 女性新闻; 台湾新闻; 互联网; 军事-新浪博客; IT-新浪博客; 汽车新闻; 游戏新闻; 国际新闻; 国内新闻; 体育新闻

我的微博

合作伙伴

博客触屏版

北京上海杭州深圳广州成都