HTML DOM 元素样式
示例
更改 "myH1" 的颜色
document.getElementById("myH1").style.color = "red";
自己试试 »
获取 "myP" 的顶部边框的值
let value = document.getElementById("myP").style.borderTop;
自己试试 »
描述
The style 属性返回元素样式属性的值。
The style 属性返回一个 CSSStyleDeclaration 对象。
The CSSStyleDeclaration 对象包含元素的所有内联样式属性。它不包含在 <head> 部分或任何外部样式表中设置的任何样式属性。
注意 1
您不能像这样设置样式
element.style = "color:red";
注意 2
JavaScript 语法与 CSS 语法略有不同
backgroundColor / background-color.
查看我们的 完整的样式对象参考.
注意 3
使用此样式属性，而不是 The setAttribute() 方法，以防止覆盖样式属性中的其他属性。
另请参阅
语法
返回样式属性
element.style.property
设置样式属性
element.style.property = value
返回值
| 类型 | 描述 |
| 值 | 指定属性的值。 例如 element.style.borderBottom = "2px solid red" |
返回值
| 类型 | 描述 |
| 对象 | 元素的 CSSStyleDeclaration 对象。 |
浏览器支持
element.style 是 DOM Level 2 (2001) 的功能。
它在所有浏览器中都得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
