CSSStyleRule: styleMap-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Die schreibgeschützte Eigenschaft styleMap der CSSStyleRule-Schnittstelle gibt ein StylePropertyMap-Objekt zurück, das Zugriff auf die Eigenschaft-Wert-Paare der Regel bietet.

Wert

Ein StylePropertyMap-Objekt.

Beispiel

Das folgende Beispiel zeigt, wie styleMap verwendet wird, um einen Stil mit der StylePropertyMap.set()-Methode zu ändern.

js
const stylesheet = document.styleSheets[0];

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

Spezifikationen

Specification
CSS Typed OM Level 1
# dom-cssstylerule-stylemap

Browser-Kompatibilität

BCD tables only load in the browser