JavaScript document.getElementById (“id” ) 和元素 id 属性

Question

我有:

<div id="myDiv1"></div>
<div id="myDiv2"></div>

在 JavaScript 中，我可以通过以下方式设置 div innerHTML:

myDiv1.innerHTML = "myDiv1, Hi!"

或

document.getElementById("myDiv2").innerHTML = "myDiv2, Hi!"

当我可以简单地使用元素 Id 时，为什么我应该使用 document.getElementById ？这是每次都有效还是仅在某些特殊情况下(例如简单示例)有效？

谢谢，

迈克

Answer 1

Why should I use document.getElementById when I can simply use element Id ?

避免冲突。浏览器上的全局命名空间难以置信拥挤，各种各样的东西都被倾倒在那里，包括(如您所见)引用任何具有 id 的元素的全局变量(所以-称为“自动全局变量”)。

相比之下，getElementById 只做它所说的，通过它的id 找到一个元素；它更受限制。 (除了旧版 IE 中的错误，它还会查看具有 name 属性的元素。)