HTML DOM 元素樣式
示例
更改 "myH1" 的顏色
document.getElementById("myH1").style.color = "red";
自己動手試一試 »
獲取 "myP" 頂邊框的值
let value = document.getElementById("myP").style.borderTop;
自己動手試一試 »
描述
style 屬性返回元素 style 屬性的值。
style 屬性返回一個 CSSStyleDeclaration 物件。
CSSStyleDeclaration 物件包含元素的所有內聯樣式屬性。它不包含在 <head> 部分或任何外部樣式表中設定的任何樣式屬性。
注意 1
您不能像這樣設定樣式
element.style = "color:red";
注意 2
JavaScript 語法與 CSS 語法略有不同
backgroundColor / background-color。
請參閱我們的 完整樣式物件參考。
注意 3
使用此樣式屬性而不是 setAttribute() 方法，以防止覆蓋樣式屬性中的其他屬性。
另請參閱
語法
返回樣式屬性
元素.style.屬性
設定樣式屬性
元素.style.屬性 = 值
返回值
| 型別 | 描述 |
| value | 指定屬性的值。 例如 元素.style.borderBottom = "2px solid red" |
返回值
| 型別 | 描述 |
| 物件 | 元素的 CSSStyleDeclaration 物件。 |
瀏覽器支援
element.style 是 DOM Level 2 (2001) 的一個特性。
所有瀏覽器都完全支援。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
