วิธี getElementById

วิธี getElementById ช่วยให้ได้รับ เอลิเมนต์ของหน้าจากแอตทริบิวต์ id ของมัน กับเอลิเมนต์ที่ได้รับมาแล้วสามารถดำเนินการ ต่าง ๆ ได้: เปลี่ยนข้อความของมัน, แอตทริบิวต์, สไตล์ CSS และอื่น ๆ

ไวยากรณ์

javascriptdocument.getElementById(id ของเอลิเมนต์);

ตัวอย่าง

มาได้รับ อินพุต ตาม id ของมันและเปลี่ยนเนื้อหาของแอตทริบิวต์ value ของมัน:

html<input id="elem" value="???">
javascriptlet elem = document.getElementById('elem');
elem.value = '!!!';

ผลลัพธ์ของการรันโค้ด:

html<input id="elem" value="!!!">

ดูเพิ่มเติม

  • วิธี querySelector,
    ซึ่งได้รับเอลิเมนต์ตามซีเล็กเตอร์
  • วิธี querySelectorAll,
    ซึ่งได้รับกลุ่มของเอลิเมนต์ตามซีเล็กเตอร์