CSSStyleSheet: cssRules-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
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:
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:
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
| Spezifikation |
|---|
| CSS Object Model (CSSOM) # dom-cssstylesheet-cssrules |