CSSStyleRule: styleMap 属性

可用性有限

此特性不是基线特性,因为它在一些最广泛使用的浏览器中不起作用。

CSSStyleRule 接口的styleMap 只读属性返回一个 StylePropertyMap 对象,该对象提供对规则的属性-值对的访问。

一个 StylePropertyMap 对象。

示例

以下示例展示了如何使用 styleMapStylePropertyMap.set() 方法来修改样式。

js
const stylesheet = document.styleSheets[0];

Object.values(stylesheet.cssRules).forEach((block) => {
  if (block.selectorText === "button") {
    block.styleMap.set("--main-color", "black");
  }
});

规范

规范
CSS 类型化 OM Level 1
# dom-cssstylerule-stylemap

浏览器兼容性