例
红色添加到<h1>元素：
document.getElementById("myH1").style.color = "red"; 在设置样式：
Hello World!
设置样式后：
Hello World!
试一试» 更多"Try it Yourself"下面的例子。
定义和用法
样式属性返回的CSSStyleDeclaration对象，它代表一个元素的样式属性。
样式属性用于获取或设置使用不同的CSS属性的元素的特定风格。
注意：这是不可能通过的样式属性，例如， 元素 .style =指定的字符串设置样式"color: red;" 。 要设置元素的样式，一个追加"CSS"属性的风格和指定值，如下所示：
element .style.backgroundColor = "red"; // set the background color of an element to red Try it
正如你所看到的，用于设置CSS属性的JavaScript语法是略有不同的CSS (backgroundColor instead of background-color) 。
对于所有可用属性的列表，请参阅我们的Style对象参考 。
注意：样式属性只返回元素的内嵌样式属性，例如设置CSS声明
<P风格= “颜色：红;”>。 这是不可能使用此属性来从有关样式规则信息<head>的文档或外部样式表中的一节。
但是，您可以访问<style>从元素<head>使用文档。 getElementsByTagName()
var x = document.getElementsByTagName("STYLE")[0]; // get the first
<style> element Try it
注：建议使用的样式属性，而不是element 。 setAttribute("style", "...")的方法，因为样式属性不会覆盖可以在指定的其他CSS属性style属性。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| style | 是 | 是 | 是 | 是 | 是 |
句法
返回样式属性：
element .style. property 设置样式属性：
element .style. property = value 属性值
| 值 | 描述 |
|---|---|
| value | 规定指定属性的值。 例如，对于borderBottom属性： 元件 .style.borderBottom = “2px的固体红”; |
技术细节
| 返回值： | 的CSSStyleDeclaration对象，表示元素的样式属性 |
|---|---|
| DOM版本 | DOM级别2 CSS |
更多示例
相关页面
CSS教程： CSS教程
CSS参考： CSS属性
HTML DOM参考： Style对象参考
HTML参考： HTML <style>标签
<元素对象