Differenze tra getElementById().innerHTML e getElementById().value

Poiché ci sono sempre nuovi amici che chiedono questa domanda, l'editor del tutorial di urla ha raccolto alcuni metodi necessari per i amici che ne hanno bisogno.

In breve: i campi del modulo utilizzano value, mentre l'inserimento di caratteri utilizza innerHTML

Ad esempio <input type="text" value="" id="jb51"　/>

Solamente le etichette con l'attributo value possono utilizzare getElementById("jb51").value
Come in <div id="jb51">12345</div>

Questi etichette senza attributo value si utilizzano con getElementById("jb51").innerHTML

Puoi ottenere un elemento con id sulla pagina utilizzando document.getElementById()
Poi accedi agli attributi di questo elemento, ad esempio value

Quando un elemento ha l'attributo value, il suo valore è presente
Esempio 1
<input type="text" id="txt1" value="hello"/>
Un tale elemento, quando si utilizza document.getElementById("txt1").value, è possibile ottenere il suo valore value, ovvero la stringa "hello".

Se un elemento non ha un valore value, non è possibile ottenerlo utilizzando document.getElementById().value. Questo è del tutto normale, come può accedere qualcosa che non esiste?
Ad esempio, un elemento div non ha necessariamente un valore value.

innerHTML
Questo indica il contenuto dell'elemento
Esempio 2

Un elemento ha un etichetta di inizio e un etichetta di fine come

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

Quando si utilizza document.getElementById("lb1").innerHTML è possibile ottenere il contenuto tra <label> e </label>, ovvero "this is a label".