设置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，也不会影响最终输出。