0
之間的區別我有這樣的HTML:什麼是 「object.property」 和 「的document.getElementById()屬性」
<input id="foo">Hello world!</input>
我不知道什麼
document.getElementById('foo').value
和
之間的區別foo.value
is in the Javascript
之間的區別我有這樣的HTML:什麼是 「object.property」 和 「的document.getElementById()屬性」
<input id="foo">Hello world!</input>
我不知道什麼
document.getElementById('foo').value
和
之間的區別foo.value
is in the Javascript
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>
「當一個元素有一個id建立了這所創建的全局變量foo」被這可靠嗎?如果是'document.getElementById()',它有什麼意義? – gforce301
@ gforce301可靠。 'document.getElementById()'是允許訪問和與Web文檔交互的許多方法和屬性之一。因此,建議僅使用'id'來使用DOM API(在我上面的回答中解釋)。 –