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

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

何时以及为什么应该使用其中一种而不是另一种。

有时:

element.value = "Fred"; 有效,有时 element.innerHTML = "Fred"; 也有效

怎么会?

答案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>

相关内容