Thuộc tính backgroundColor trong HTML DOM Style

Thuộc tính backgroundColor đặt hoặc trả về màu nền của phần tử. Hỗ trợ tên màu, rgb(), rgba(), hsl(), hsla().

Cú pháp

object.style.backgroundColor = "color|transparent"

Các giá trị

Ví dụ

Thay đổi màu nền div:

<!DOCTYPE html> <html> <head> <style> 
  #DIV1 { background-color: rgba(10,122,102,0.1); } 
</style> 
<script> 
  function changeBackColor(){ 
    document.getElementById("DIV1").style.backgroundColor = "rgba(1,200,55,0.5)"; 
    document.getElementById("Sample").innerHTML = "Màu nền đã thay đổi"; 
  } 
</script> </head> 
<body> 
<div id="DIV1">Nội dung mẫu...</div> 
<p>Nhấn nút để đổi màu nền</p> 
<button onclick="changeBackColor()">THAY ĐỔI MÀU</button> 
<p id="Sample"></p> 
</body> </html>

Kết quả

Màu nền ban đầu rgba(10,122,102,0.1):

Sau khi nhấn nút: rgba(1,200,55,0.5):