.innerHTML против .value ... когда и почему?

Question

Когда и почему - следует использовать один поверх другого.

Иногда:

element.value = "Фред"; работает и иногда element.innerHTML = "Fred"; работает

Как так?

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>