CSSStyleSheet: cssRules プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
cssRules は CSSStyleSheet の読み取り専用プロパティで、スタイルシートを構成するすべての CSS ルールについて、リアルタイムで最新のリストを提供する生きた CSSRuleList を返します。リストの各項目は、単一のルールを定義する CSSRule です。
値
ライブで更新される CSSRuleList で、スタイルシートを構成するすべての CSS ルールを含みます。ルールリストのそれぞれの項目は、スタイルシートを構成する単一のルールを記述する CSSRule オブジェクトです。
例
スタイルシートの中のそれぞれのルールは、添字でアクセスすることができます。
js
const ruleList = document.styleSheets[0].cssRules;
for (let i = 0; i < ruleList.length; i++) {
processRule(ruleList[i]);
}
ルールは for...of を使用してアクセスすることもできます。
js
const ruleList = document.styleSheets[0].cssRules;
for (const rule of ruleList) {
processRule(rule);
}
しかし、 CSSRule は厳密には配列ではないので、 forEach() を使用することはできません。
仕様書
| 仕様書 |
|---|
| CSS Object Model (CSSOM) # dom-cssstylesheet-cssrules |