Thuộc tính màu HTML DOM Style được sử dụng để lấy hoặc thiết lập màu cho văn bản. Màu cho văn bản có thể được chỉ định theo hệ thập lục phân, rgb (), rgba (), hsl (), hsla () hoặc sử dụng từ khóa đã biết.
Sau đây là cú pháp cho -
Đặt thuộc tính màu -
object.style.color = "color|initial|inherit"
Các thuộc tính trên được giải thích như sau -
| Giá trị | Mô tả |
|---|---|
| Màu sắc | Để chỉ định giá trị màu cho văn bản. |
| Ban đầu | Để đặt thuộc tính này thành giá trị ban đầu. |
| Kế thừa | Để kế thừa giá trị thuộc tính mẹ |
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính màu -
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h1>Color property example</h1>
<p>This is paragraph 1</p>
<p>This is paragraph 2</p>
<p>This is paragraph 3</p>
<p>This is paragraph 4</p>
<p>This is paragraph 5</p>
<p>Change the above paragraphs color by clicking the below button</p>
<button type="button" onclick="ChangeColor()">Change Text Color</button>
<script>
function ChangeColor() {
for(var i=0;i<5;i++){
if(i%2==0)
document.getElementsByTagName("P")[i].style.color="blue";
else
document.getElementsByTagName("P")[i].style.color="red";
}
}
</script>
</body>
</html> Đầu ra
Khi nhấp vào “Thay đổi màu văn bản” nút -
