JavaScript selector element ด้วย id

JavaScript selector element ด้วย id บทความนี้สอนใช้คำสั่ง document.getElementById เพื่อเลือก หรืออ้างถึง element ที่ต้องการผ่าน id โดยใช้ภาษา JavaScript สามารถเขียนคำสั่งได้ดังนี้

ตัวอย่าง JavaScript selector element ด้วย id

<div id="fruit">Apple Banana Orange</div>

<script>
    var v = document.getElementById("fruit").textContent;
    console.log( v );
</script>

ผลลัพธ์

Apple Banana Orange

JavaScript selector element ด้วย id จากตัวอย่างเลือก หรืออ้างถึง id = fruit ด้วยคำสั่ง document.getElementById จากนั้นใช้คำสั่ง textContent เพื่อดึงข้อมูลใน div ออกมาเก็บไว้ที่ตัวแปร v และใช้คำสั่ง console.log แสดงค่าของตัวแปร v ที่ console