JavaScript selector element ด้วย class

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

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

<span class="text">JavaScript</span>
<span class="text">HTML</span>
<span class="text">CSS</span>

<script>
    var c = document.getElementsByClassName("text");
    for( var i=0; i<c.length; i++ ) {
        c[i].style.color = 'green';
    }
</script>

JavaScript selector element ด้วย class จากตัวอย่างเลือก หรืออ้างถึง class name ชื่อ text จากนั้นวนลูปเท่ากับจำนวนของ class text และเปลี่ยนสีตัวอักษรเป็นสีเขียว ด้วยคำสั่ง style.color