CSSStyleSheet.cssRules
CSSStyleSheet
の
cssRules
プロパティは読み取り専用で、スタイルシートを構成するすべての CSS ルールについて、リアルタイムで最新のリストを提供するライブ CSSRuleList
を返します。リストの各項目は、単一のルールを定義する CSSRule
です。
構文
var rules = cssStyleSheet.cssRules;
値
ライブで更新される CSSRuleList
で、スタイルシートを構成する各 CSS ルールを含みます。ルールリストの各項目は、スタイルシートを構成する単一の規則を記述する CSSRule
オブジェクトです。
例
スタイルシートの中のそれぞれのルールは、インデックスでアクセスすることができます。
let ruleList = document.styleSheets[0].cssRules;
for (let i=0; i < ruleList.length; i++) {
processRule(ruleList[i]);
}
ルールは for...of
を使用してアクセスすることもできます。
let ruleList = document.styleSheets[0].cssRules;
for (let rule of ruleList) {
processRule(rule);
}
しかし、 CSSRule
は厳密には配列ではないので、 forEach()
を使用することはできません。
仕様書
Specification |
---|
CSS Object Model (CSSOM) # dom-cssstylesheet-cssrules |
ブラウザーの互換性
BCD tables only load in the browser