.innerHTML vs .value… quando e por quê?

Question

Quando - e por que - deve ser usado um sobre o outro.

Às vezes:

element.value="Fred"; trabalho e às vezes element.innerHTML="Fred";                                                  trabalha

como vem?

    

Answer 1

value refere-se a um atributo de uma tag, enquanto innerHTML refere-se ao conteúdo entre o início e o fim de uma tag.

div.innerHTML == "algum texto"

<div>some text</div>

input.value == "algum texto"

<input value="some text"/>

innerHTML também retorna nós filhos e seu conteúdo de um nó pai, como:

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

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