Kiểu phần tử HTML DOM
Ví dụ
Thay đổi màu của "myH1":
document.getElementById("myH1").style.color = "red";
Hãy tự mình thử »Nhận giá trị của đường viền trên cùng của "myP":
let value = document.getElementById("myP").style.borderTop;
Hãy tự mình thử »Sự miêu tả
Thuộc tính style
trả về các giá trị thuộc tính style của một phần tử.
Thuộc tính style
trả về một đối tượng CSSStyleDeclaration
.
Đối tượng CSSStyleDeclaration
chứa tất cả các thuộc tính kiểu nội tuyến cho phần tử. Nó không chứa bất kỳ thuộc tính kiểu nào được đặt trong phần <head> hoặc trong bất kỳ biểu định kiểu bên ngoài nào.
Lưu ý 1
Bạn không thể đặt kiểu như thế này:
element.style = "color:red";
Bạn phải sử dụng thuộc tính CSS như thế này:
element.style.backgroundColor = "red";
Hãy tự mình thử »Lưu ý 2
Cú pháp JavaScript hơi khác so với cú pháp CSS:
màu nền/màu nền.
Xem Tài liệu tham khảo đối tượng phong cách đầy đủ của chúng tôi.
Lưu ý 3
Sử dụng thuộc tính style này thay vì Phương thức setAttribution() để tránh ghi đè các thuộc tính khác trong thuộc tính style.
Xem thêm:
Cú pháp
Trả về một thuộc tính kiểu:
element .style. property
Đặt thuộc tính kiểu:
element .style. property = value
Giá trị trả về
Kiểu | Sự miêu tả |
giá trị | Giá trị của thuộc tính được chỉ định. Ví dụ: phần tử .style.borderBottom = "màu đỏ đậm 2px" |
Giá trị trả về
Kiểu | Sự miêu tả |
Sự vật | Đối tượng CSSStyleDeclaration của phần tử. |
Hỗ trợ trình duyệt
element.style
là một tính năng của DOM Cấp 2 (2001).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |