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

精贴置顶

2696 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管理类政府机构类私单手机版

热门排行: 用ASP实现网页BBS 2010-11-01; 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

博主推荐: 本个人博客微信公众平台上线啦~~... 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

随便看看: c#.net创建xml文件 2013-12-04; 趣味编程：你知道你的姓名的代码... 2013-06-26; 多家域名注册商信息泄露多位站长... 2013-10-11; .net获取URL路径多种方法 2010-11-12; ADO 存取数据库时如何分页显示 2010-10-19; Unicode的一些类型转换问题 2013-11-11; 递归计算子节点的个数 2010-10-12; 避免恶意攻击行为网络服务器安全... 2010-09-02; 对你的ASP程序作负载测试 2010-10-22; .Net 获取URL及其参数 2013-10-21

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

我的微博

合作伙伴

博客触屏版

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