JavaScript selector element ด้วยชื่อ tag

JavaScript selector element ด้วยชื่อ tag บทความนี้สอนใช้คำสั่ง getElementsByTagName ซึ่งใช้สำหรับเลือก หรืออ้างถึงแท็กที่ต้องการผ่าน ชื่อแท็ก เช่น ต้องการอ้างถึงแท็ก span ชื่อแท็กคือ span สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript selector element ด้วยชื่อ tag

<span>Apple</span>
<span>Banana</span>
<span>Orange</span>

<script>
    var e = document.getElementsByTagName("span");
    for( var i=0; i<e.length; i++ ) {
        e[i].style.color = 'blue';
    }
</script>

JavaScript selector element ด้วยชื่อ tag โดยใช้คำสั่ง getElementsByTagName จากตัวอย่างเป็นการเลือก หรืออ้างถึงแท็ก span ทั้งหมด และเปลี่ยนสีภายในตัวอักษรแท็ก span เป็นสีฟ้าด้วยคำสั่ง style.color = 'blue'