HTML DOM 元素 style

更改 "myH1" 的颜色：

document.getElementById("myH1").style.color = "red";

获取 "myP"s 上边框的值：

let value = document.getElementById("myP").style.borderTop;

描述

这个styleproperty 返回元素的样式属性的值。

这个style属性返回一个CSSStyleDeclaration目的。

这个CSSStyleDeclaration对象包含元素的所有内联样式属性。它不包含在 <head> 部分或任何外部样式表中设置的任何样式属性。

您不能设置这样的样式：

element.style = "color:red";

您必须使用如下 CSS 属性：

element.style.backgroundColor = "red";

JavaScript 语法与 CSS 语法略有不同：
背景颜色/背景颜色。

使用此样式属性而不是setAttribute() 方法，以防止覆盖 style 属性中的其他属性。

返回样式属性：

element.style. property

设置样式属性：

element.style. property = value

类型	描述
值	指定属性的值。例如：元素.style.borderBottom = "2px solid red"

类型	描述
对象	元素的 CSSStyleDeclaration 对象。

element.style是 DOM Level 2 (2001) 功能。

所有浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	9-11