相关疑难解决方法(0)

研究一个简单的HTMLElement包装器的想法我偶然发现了Internet Explorer和Chrome的以下内容:

对于DOM树中具有ID的给定HTMLElement,可以使用其ID作为变量名来检索div.所以对于一个喜欢的div

<div id="example">some text</div>

在Internet Explorer 8和Chrome中,您可以执行以下操作:

alert(example.innerHTML); //=> 'some text'

要么

alert(window['example'].innerHTML); //=> 'some text'

那么,这是否意味着DOM树中的每个元素都转换为全局命名空间中的变量？它是否也意味着可以使用它作为getElementById这些浏览器中方法的替代品？

可能重复:
IE/Chrome:DOM树元素是全局变量吗？

我在浏览器中偶然发现了一个意外但有用的行为:它为我的html代码中具有ID的每个元素创建一个变量.所以当我有:

<div id="ohlala"> ... </div>

浏览器似乎在幕后运行此代码:

var ohlala = document.getElementById("ohlala");

所以我可以通过以下方式轻松更改该元素的文本:

ohlala.innerHTML="test"

在网上尝试:http://jsfiddle.net/Facby/ 问题是:为什么我需要自己写这个document.getElementById()位？该代码的可移植性如何？我在Opera,FireFox和Chrome上试过,它有效!我可以依靠这个功能吗？浏览器是否总是为每个具有id的元素创建变量？在这种情况下,我必须更加小心我的javascript代码中使用的名称不要与HTML中的类似ID冲突,对吧？