JavaScript document.getElementById คือคำสั่งอะไร ใช้ทำอะไร

document.getElementById คือ คำสั่งสำหรับอ้างถึง หรือเข้าถึง Elements ที่ต้องการผ่าน Attribute id เช่นต้องการเข้าถึงข้อมูลในช่อง TextBox HTML ด้วยภาษา JavaScript เป็นต้น สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript document.getElementById คือ

<form>
    ตัวเลข<br/>
    <input type="text" id="number"><br/>
    <input type="button" value="ตกลง" onclick="getValue()">
</form>

<script>
    function getValue() {
        var number = document.getElementById("number");
        document.write( "ตัวแปร number มีค่าเท่ากับ "+number.value );
    }
</script>

ผลลัพธ์

ตัวแปร number มีค่าเท่ากับ 100

1. กำหนด attribute id ให้กับ TextBox ด้วยชื่อ number

2. เมื่อผู้ใช้งานกดปุ่ม Button จะเรียกใช้ฟังก์ชัน getValue ของภาษา JavaScript

3. ในฟังก์ชัน getValue มีการอ้างถึง หรือเข้าถึง TextBox number ด้วยคำสั่ง document.getElementById

4. แสดงผลลัพธ์ตัวแปร number ที่หน้าเว็บไซต์ด้วย document.write