設定されているスタイルシートのセレクターとルールのセットを取得

設定されているスタイルシートのセレクターとルールのセットを取得するには、styleSheetRule.cssTextオブジェクトを使用します。
document.styleSheetsやstyle要素、各要素のstyleプロパティから得ることができます。

構文

var cssTextStr = styleSheetRule.cssText;

戻り値

セレクターとルールがセットになった文字列を返します。

サンプルコード

JavaScript

// document.styleSheetsの場合
alert(document.styleSheets[0].cssRules[1].cssText);

// style要素の場合
alert(document.getElementsByTagName('style')[0].sheet.cssRules[2].cssText);

// その他要素の場合
alert(document.getElementById('button').sheet.cssRules[11].cssText);

サンプルコードにあるcssRulesオブジェクトについては、設定されているルールを配列(オブジェクト)で取得を参照してください。

JavaScript逆引きリファレンス一覧へ戻る