id值作为变量vs document.getElementById

Question

我在这里有一段代码

<div id="pTagId" >some content</div>

<button onclick="console.log(document.getElementById('pTagId').innerHTML);">button1</button>

<button onclick="console.log(pTagId.innerHTML);">button2</button>

在第一个按钮中，我使用document.getElementById来获取标签对象。 在第二个按钮中，我直接使用pTagId而不使用document.getElementById，它也可以工作。

直接使用pTagId而不使用document.getElementById是否可靠？如果是，document.getElementById的需求是什么？

Answer 1

getElementById()是正确的方法。

有些浏览器使用与元素id相同的名称来创建全局变量，因此这可能就是为什么它可以以某种方式起作用的原因，但是您不应该依赖它。