.innerHTML 与 .value ...何时以及为什么？

Question

什么时候 \xe2\x80\x93 以及为什么 \xe2\x80\x93 应该使用一个而不是另一个。

\n\n

有时：

\n\n

element.value = "弗雷德"; 有效\n有时\nelement.innerHTML = "Fred";\n 有效

\n\n

怎么会？

\n

Answer 1

value指标签的属性，而innerHTML指标签开头和结尾之间的内容。

div.innerHTML == "一些文本"

<div>some text</div>

input.value == "一些文本"

<input value="some text"/>

innerHTML还返回父节点的子节点及其内容，例如：

<div id="d"><p>some text</p></div>

var d = document.getElementById("d");
console.log(d.innerHTML); //prints <p>some text</p>