某些浏览器中的getElementById是可选的吗？

Question

通过window.someThing访问元素时,"someThing"应该是html元素的名称.但我现在看到的是,我可以通过id以相同的方式访问元素,而无需document.getElementById.什么时候改变了？看起来它适用于Chrome,IE,Firefox 13,但不适用于Firefox 12.

例如:

<div id="MyDiv">Content</div>

<script>
    MyDiv.innerHTML = "New Content";
</script>

为什么上面的例子有效？我为什么不这样做:

var MyDiv = document.getElementById('MyDiv');

它是新的东西,还是一直有可能,我只是不知道它？

Answer 1

http://www.quirksmode.org/dom/w3c_core.html#gettingelements
自 IE 5.5 以来（大部分）已实现

我真的找不到任何有关使用 ID 作为变量名称的信息。我建议坚持使用,getElementById("MyDiv").doSomething来MyDiv.doSomething提高兼容性。特别是当您编写较大的脚本时，您可能会将变量名称与页面中使用的 id 混淆。getElementById确保您“获取”DOM 元素。