เปลี่ยนสีพื้นหลัง JavaScript ที่ต้องการด้วย style.background

3.1K

บทความนี้สอนเปลี่ยนสีพื้นหลังด้วยภาษา JavaScript ที่ต้องการด้วยคำสั่ง document.body.style.background สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง เปลี่ยนสีพื้นหลัง JavaScript ที่ต้องการด้วย style.background

<!DOCTYPE html>
<html>
<head>
<body>
    www.devdit.com
</body>
<script>
window.onload = (event) => {
    document.body.style.background = "#5B7BC7";
};
</script>
</head>
</html>

คำอธิบาย

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

2. ใช้คำสั่ง document.body.style.background สำหรับเปลี่ยนสีพื้นหลัง ตัวอย่าง กำหนดเป็น #5B7BC7

JavaScript HTML

Echo

แก้ไข 2 ปีที่แล้ว

ชอบ

ลิ้งก์

แชร์

Devdit มีช่อง YouTube แล้ว

เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ

เนื้อหาแนะนำ