CSSStyleSheet: cssRules-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

Die schreibgeschützte CSSStyleSheet-Eigenschaft cssRules gibt eine dynamische CSSRuleList zurück, die eine Echtzeitliste aller CSS-Regeln bereitstellt, aus denen das Stylesheet besteht. Jedes Element in der Liste ist eine CSSRule, die eine einzelne Regel definiert.

Wert

Eine dynamisch aktualisierte CSSRuleList, die jede der CSS-Regeln enthält, aus denen das Stylesheet besteht. Jeder Eintrag in der Regel-Liste ist ein CSSRule-Objekt, das eine Regel beschreibt, die das Stylesheet bildet.

Beispiele

Einzelne Regeln innerhalb des Stylesheets können dann per Index zugegriffen werden:

js
const ruleList = document.styleSheets[0].cssRules;

for (let i = 0; i < ruleList.length; i++) {
  processRule(ruleList[i]);
}

Regeln können auch mithilfe von for...of abgerufen werden:

js
const ruleList = document.styleSheets[0].cssRules;

for (const rule of ruleList) {
  processRule(rule);
}

Da CSSRule jedoch kein richtiges Array ist, können Sie forEach() nicht verwenden.

Spezifikationen

Specification
CSS Object Model (CSSOM)
# dom-cssstylesheet-cssrules

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch