CSSルールのインデックスを見つける方法

Question

CSSシート（.widget-area）のインデックス番号をスタイルシートで検索しようとしています。これは私がやっている方法ですが、定義されていません。

function findStyle(){ 
var myStylesheet=document.styleSheets[8].cssRules[".widget-area"]; 
console.log(myStylesheet); 
}; 

私は.cssRules[".widget-area"]を省略した場合には、スタイルシートのすべてのルールを返しますが、それらの何千もあります。誰でもこれを行う方法を知っていますか？

ありがとうございました。

Answer 1

私は関数として.cssRulesを使用していると思いますが、それはオブジェクトです。したがって、カスタムルールを検索する場合は、次のようなものを使用する必要があります。

var targetRule; 
var rules = document.styleSheets[8].cssRules; 

for (i=0; i<rules.length; i++){ 
    if (rules[i].selectorText.toLowerCase() == ".widget-area"){ 
    targetRule = rules[i]; 
    break; 
    } 
}