getElementById().innerHTML과 getElementById().value의 차이

이 문제를 묻는 신인 친구들이 많아서, 노래 부르기 교재 편집자가 필요한 사람들을 위해 방법을 정리했습니다.

简单来说：表单用value，插入字符用innerHTML

比如<input type="text" value="" id="jb51"　/>

value 속성이 있는 태그만이 getElementById("jb51").value
像<div id="jb51">12345</div>

이런 value 속성이 없는 태그는 getElementById("jb51").innerHTML

document.getElementById()를 사용하여 페이지에 있는 id를 가진 요소를 가져올 수 있습니다
그런 다음 이 요소의 속성을 접근합니다, 예를 들어 value

当一个元素有value属性的时候，其value才会有值
예1
<input type="text" id="txt1" value="hello"/>
这样一个元素，当你使用document.getElementById("txt1").value를 사용하면 value 값, 즉 "hello" 문자열을 가져올 수 있습니다.

요소에 value 값이 없으면 document.getElementById().value를 사용하여 값을 가져올 수 없습니다. 이는 당연합니다. 존재하지 않는 것을 어디서 접근할 수 있습니까?
예를 들어, div 태그는 value 값이 없을 수 있습니다.

innerHTML
이는 요소 내용을 의미합니다
예2

요소는 시작 태그와 종료 태그로 구성되어 있습니다.

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

document.getElementById("lb1").innerHTML는 <label>와 </label> 사이의 내용, 즉 "this is a label".