2011年12月23日

cssRulesでスタイルシートの内容を取得する

JavaScriptのcssRulesでスタイルシートの内容を取得する方法

var ss = document.styleSheets[0];
var rules = ss.cssRules?ss.cssRules:ss.rules;
for(var i=0;i < rules.length ; i++){
var rule = rules[i];
if(!rule.selectorText)continue;
var ruleText = rule.selectorText + "{" + rule.style.cssText + "}";
console.log(ruleText)
}


styleSheetsオブジェクトには各スタイルC値の内容がオブジェクトとして格納されており、cssRulesによって取得可能(IEはrules)、@importなどの内容もはいっているので、selectorTextがある場合のみcssTextを取得すればOK。

ちなみに、Google ChromeはローカルファイルでのCSS Rulesへのアクセスが許可されていないので注意が必要。
posted by ねこまんま at 18:31 | Comment(0) | TrackBack(0) | 関数/文法 | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック