“object.property”和“document.getElementById（）。property”之间的区别是什么？

Question

我有这个HTML：

<input id="foo">Hello world!</input>

我想知道

之间有什么区别

document.getElementById('foo').value

和

foo.value

在Javascript中

Answer 1

foo.value利用了为元素建立foo时创建的全局变量id。两个版本都访问同一个对象并使用相同的数据。

自JavaScript开始以来，仅使用id访问元素一直存在，并且至今仍在使用，但随着时间的推移，文档对象模型API的创建将具有更强大，更完整的与文档交互的方式。 / p>

话虽如此，document.getElementById()是更现代的方法。它是 Document Object Model API standard 的一部分，通常建议使用它，因为它更清晰，并提供了许多与网络文档中的元素进行交互的方法。

以下是一个例子。

＆＃13;

＆＃13;

console.log(div.innerHTML);
div.innerHTML = "New Content!";
console.log(document.getElementById("div").innerHTML);

＆＃13;

<div id="div">This is an element</div>

＆＃13;

＆＃13;

＆＃13;