标准参考

getElementById 是 Document 接口提供的方法，用于获取一个元素，该方法传入的参数应该是目标元素的 id 属性的值：

Element getElementById(in DOMString elementId);

关于 getElementById 方法的详细信息，请参考 DOM-1-HTML Interface HTMLDocument 及 DOM-2-Core Interface Document 中的相关内容。

问题描述

在 IE6 IE7 IE8(Q) 中，支持以 document.getElementById(elementName) 的方式获取 name 属性值为 elementName 的 A APPLET BUTTON FORM IFRAME IMG INPUT MAP META OBJECT EMBED SELECT TEXTAREA 元素。

造成的影响

该问题将导致在某些浏览器内无法获取到目标元素。

受影响的浏览器

IE6 IE7 IE8(Q)

问题分析

分析以下代码：

以上代码在页面中顺次创建各元素，并尝试以 document.getElementById(elementName) 的方式来获取各元素。

在各浏览器输出如下：

IE6 IE7 IE8(Q)其他浏览器

A APPLET BUTTON FORM IFRAME IMG INPUT MAP META OBJECT EMBED SELECT TEXTAREA(无)

可见：在 IE6 IE7 IE8(Q) 中，支持以 document.getElementById(elementName) 的方式获取 A APPLET BUTTON FORM IFRAME IMG INPUT MAP OBJECT EMBED SELECT TEXTAREA 元素，而其他浏览器的任何元素均不支持该方式。

解决方案

在使用 document.getElementById 方法获取页面元素时，应传入元素的 id 属性值，而不能使用元素的 name 属性值。

参见

知识库

...

相关问题

...

测试环境

操作系统版本:Windows 7 Ultimate build 7600

浏览器版本:IE6

IE7

IE8

Firefox 3.6

Chrome 4.0.302.3 dev

Safari 4.0.4

Opera 10.51

测试页面:...

本文更新时间:

更多信息请查看IT技术专栏