設置innerHTML與設定值的JavaScript

Question

當你想使用JavaScript來改變HTML，你怎麼知道什麼時候使用以下的要麼？

document.getElementById("randomNumber").value = number; 
document.getElementById("randomNumber").innerHTML = number; 

Answer 1

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

這裏是表示使用ID.value的鏈路：只對具有屬性value（通常，表單控件）對象 http://www.javascript-coder.com/javascript-form/javascript-form-value.phtml

Answer 2

值是用於輸入

的innerHTML爲div和span

Answer 3

value表示這將是GETed或張貼input元素的值。 innerHTML可能會更改內容的實際元素。

Answer 4

value用於表單元素，innerHTML如果您要設置任何其他元素的內容。
還有innerText如果要設置文本內容（你會不會在那裏逃出任何東西，但沒有HTML在那裏工作）

Answer 5

value適用。

innerHtml適用於可包含HTML每個對象（div的，跨度，但許多其他和也形成對照）。

他們是不等價的或更換。取決於你想要達到...

Answer 6

使用.innerHTML來替換你指定有效的HTML元素的整個內身體什麼。一個很好的例子就是如果事件發生，將一個嵌套div放入一個已經存在的div中。

使用。價值該請求值，諸如文本輸入形式的元件。

Answer 7

value通常是特定I/O元素的屬性，如input元素（還包括type="hidden"）。

不是如div, p, a, etc.的元素通常甚至沒有值屬性，即使設置了value，也不會影響最終輸出。