مقارنة 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، يكون لديها قيمة
مثال 1
<input type="text" id="txt1" value="hello"/>
عنصر مثل هذا، عندما تستخدم document.getElementById("txt1").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".