home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีแสดงตัวแปร JavaScript ในหน้า HTML โดยไม่ใช้ document.write

ใช้ Element.innerHTML หรือ textContent เพื่อแสดงค่าตัวแปรในหน้าเว็บ วิธีนี้ปลอดภัยและทันสมัยกว่า document.write

ตัวอย่าง:

var $myName = document.querySelector('.name');
var $jsValue = document.querySelector('.jsValue');
$myName.addEventListener('input', function(event){
  $jsValue.innerHTML = $myName.value;
}, false);

เมื่อพิมพ์ใน input class="name" ค่าจะแสดงใน element class="jsValue" ทันที