什么是 “object.property” 和 “的document.getElementById（）属性”

Question

之间的区别我有这样的HTML：

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

我不知道什么

document.getElementById('foo').value 

和

之间的区别

foo.value 

is in the Javascript

Answer 1

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

从JavaScript的开始就已经存在一个只有id的元素，并且一直存在，但是随着时间的推移，文档对象模型API被创建为具有更强大和更完整的与文档交互的方式。

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

下面是一个例子。

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

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