เมธอด document.getElementById() ใช้เลือก element จาก HTML DOM หากสะกดผิด จะได้ error document.getElementByID is not a function
สาเหตุ
document.getElementById() เป็น case-sensitive ต้องใช้ I ใหญ่ d เล็กเท่านั้น รูปแบบอื่นไม่ได้:
document.getelementbyid()document.getElementByID()← error นี้document.GetElementById()
แม้ ID ย่อมาจากคำอื่น แต่เมธอดนี้ต้องการ I ใหญ่ d เล็ก
ตัวอย่าง
<html>
<body>
<header>
<h1 id="welcome_title">Welcome</h1>
</header>
<script>
var title = document.getElementByID("welcome_title"); // ผิด: ID ใหญ่ทั้งคู่
title.textContent = "Welcome, Luke!";
</script>
</body>
</html>
Error ใน console: document.getElementByID is not a function
วิธีแก้
var title = document.getElementById("welcome_title"); // ถูกต้อง: Id
title.textContent = "Welcome, Luke!";
โปรแกรมทำงานได้ปกติ เปลี่ยนข้อความเป็น "Welcome, Luke!"
สรุป
document.getElementById() ต้องใช้ case ถูกต้อง: I ใหญ่ d เล็ก ไม่ใช่ ID ใหญ่ทั้งคู่
