document.getElementById（“id”）。value的最佳用途是什么

Question

什么DOM元素是document.getElementById("id").value用於的document.getElementById("id").value ？

我的意思是我可以使用像標題標簽等元素

或者它與具有值屬性[textboxes]等的項目一起使用

什么是區別.innerHTML和.value屬性

Answer 1

什么DOM元素是document.getElementById（“id”）。用於的值？

您可以使用getElementById來獲取對其上具有id屬性的任何元素的引用。

什么是區別.innerHTML和.value屬性

他們完全沒有關系。 innerHTML是元素內容的HTML表示。 value是表單控件元素的值，如input 。

例如，假設我們有：

<div id="foo">Hey <strong>you</strong></div>

你可以這樣做：

console.log(document.getElementById("foo").innerHTML);

...這可能會在控制台中給你這樣的東西：

Hey <STRONG>you</STRONG>

請注意，這與文檔中的內容不完全相同; 當你讀取innerHTML的值時，瀏覽器使用其創建該字符串的規則從DOM中實際存在的字符串生成一個字符串。

您也可以將其設置為更改內容。

相比之下，使用表單控件：

<input id="bar" type="text" value="Text field value">

console.log(document.getElementById("bar").value);

......給你的

Text field value

Answer 2

設置value通常用於輸入/表單元素。 innerHTML通常用於div，span，td和類似元素。

和

和