วิธี getElementById

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

ไวยากรณ์

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

ตัวอย่าง

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

<input id="elem" value="???">

let elem = document.getElementById('elem');
elem.value = '!!!';

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

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

ดูเพิ่มเติม

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