CSSStyleDeclaration setProperty() 方法

CSSStyleDeclaration-Objekt

定义和用法

setProperty() 方法在 CSS 声明块中设置新的 CSS 属性，或修改现有的属性。

实例

例子 1

设置新的 CSS 属性：

var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("background-color", "yellow");

亲自试一试

例子 2

设置具有 "important" 优先级的新 CSS 属性：

var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("background-color", "yellow", "important");

亲自试一试

例子 3

修改现有的 CSS 属性：

var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("color", "blue");

亲自试一试

语法

object.setProperty(propertyname, value, priority)

参数

参数 描述
propertyname 必需。字符串，表示要设置的属性的名称。
value Optional. Eine Zeichenkette, die den neuen Wert darstellt.
priority

Optional. Eine Zeichenkette, die angibt, ob die Priorität des Attributes auf "wichtig" gesetzt werden soll.

Gültige Werte:

  • "important"
  • undefined
  • ""

Technische Details

DOM-Version: CSS-Objektmodell
Rückgabewert: undefined

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung 9.0 Unterstützung Unterstützung Unterstützung
CSSStyleDeclaration-Objekt