为什么在我可以直接引用JavaScript中的DOM id时使用document.getElementById？

Question

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

我最近发现我可以在javascript中使用来自DOM的任何对象,并直接引用它的id:

<div id="layer">IM A LAYER</div>
<script>
   alert(layer.innerHTML);
</script>

如果这是真的,我使用getElementById方法有什么好处？

Answer 1

如果元素不存在,直接访问DOM元素将给出错误.Wheras如果你使用getElementById它将返回NULL.

例如,如果它们的名称(some-id)中包含破折号,则也无法直接访问所有元素,因为JS变量不能包含破折号.然而,您可以访问它window['some-id'].

Answer 2

例如，如果在您的页面中您在其他地方有另一个以前的脚本

<script>
var layer = false; // or any other assignment
</script>

layer将是对 的引用window.layer，然后layer.innerHTML将失败。有了document.getElementById你将避免这个棘手的错误