設定されているスタイルシートのセレクターとルールのセットを取得
設定されているスタイルシートのセレクターとルールのセットを取得するには、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オブジェクトについては、設定されているルールを配列(オブジェクト)で取得を参照してください。