什麼是 「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>