Diferenças entre getElementById().innerHTML e getElementById().value

Porque sempre há novos amigos que perguntam esse problema, o editor do tutorial Yell criou um método para os amigos que precisam.

Em resumo: os formulários usam value, e os caracteres de inserção usam innerHTML

por exemplo, <input type="text" value="" id="jb51"　/>

Apenas os rótulos com propriedade value podem usar getElementById("jb51").value
como <div id="jb51">12345</>

Esses rótulos sem propriedade value são usados getElementById("jb51").innerHTML

Você pode usar document.getElementById() para obter um elemento com id na página
Agora, acesse as propriedades deste elemento, por exemplo, value

Quando um elemento tiver a propriedade value, então ele terá valor
Exemplo1
<input type="text" id="txt1" value="hello"/>
tal elemento, quando você usa document.getElementById("txt1").value, pode-se obter seu valor, ou seja, a string "hello".

Se um elemento não tiver valor, ao usar document.getElementById().value não será possível obter. Isso é natural, como acessar algo que não existe?
Por exemplo, um marcador div, nem sempre tem valor value.

innerHTML
Isso se refere ao conteúdo do elemento
Exemplo2

Um elemento tem um marcador de início e um de fim, como

<label id="lb1">this is a label</label>

quando você usa document.getElementById("lb1").innerHTML pode obter <label> e </O conteúdo entre label> é, por exemplo, "this is a label".