Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีดึงค่าสีพื้นหลังขององค์ประกอบด้วย JavaScript DOM

ในการดึงค่าสีพื้นหลังใน JavaScript ให้ใช้คุณสมบัติ backgroundColor คุณสมบัตินี้ช่วยให้คุณอ่านค่าสีพื้นหลังได้

ตัวอย่าง

ลองรันโค้ดด้านล่างเพื่อเรียนรู้วิธีดึงค่าสีพื้นหลังขององค์ประกอบด้วย JavaScript

<!DOCTYPE html> <html>    <body>       <button onclick="display()">คลิกเพื่อตั้งค่าสีพื้นหลัง</button>       <script>          function display() {             document.body.style.backgroundColor = "blue";          }       </script>    </body> </html>

หมายเหตุ:

  • ตัวอย่างนี้แสดงการ ตั้งค่า สีพื้นหลัง (ไม่ใช่การดึงค่า)
  • เพื่อ ดึงค่า สีพื้นหลัง ให้ใช้ element.style.backgroundColor โดยไม่กำหนดค่า
  • ค่าที่ได้จะอยู่ในรูปแบบ RGB เช่น rgb(0, 0, 255)