Devdit
 

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

3.9K

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

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ