JavaScript เปลี่ยนสีตัวอักษร ผ่าน style.color

สอนเขียนภาษา JavaScript สำหรับเปลี่ยนสีตัวอักษร ผ่าน style.color โดยมีการอ้างอิง id ของสีตัวอักษรผ่าน document.getElementById สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript เปลี่ยนสีตัวอักษร ผ่าน style.color

<div id="dd">Devdit.com</div>

<script>
window.onload = (event) => {
    document.getElementById("dd").style.color = 'red';
};
</script>

1. กำหนด id ให้กับตัวอักษรที่ต้องการเปลี่ยนสี ตัวอย่างคือ id = dd

2. ใช้ window.onload สำหรับเมื่อหน้าเว็บไซต์โหลดขึ้นมาเข้ามาทำงานในโค้ดส่วนนี้

3. ใช้คำสั่ง document.getElementById อ้างถึง id = dd

4. ใช้คำสั่ง style.color เพื่อเปลี่ยนสีตัวอักษร