設定されているスタイルシートのセレクターを文字列で取得
設定されているスタイルシートのセレクターを文字列で取得するには、styleSheetRule.selectorText
プロパティを使用します。
document.styleSheetsやstyle要素、各要素のstyleプロパティから得ることができます。
selectorTextプロパティはスペースやカンマで区切られていても、それらを1つの文字列として取得します。
構文
var selector = styleSheetRule.selectorText;
戻り値
取得したセレクターの文字列を返します。
サンプルコード
JavaScript
// document.styleSheetsの場合
alert(document.styleSheets[0].cssRules[1].selectorText);
// style要素の場合
alert(document.getElementsByTagName('style')[0].sheet.cssRules[2].selectorText);
// その他要素の場合
alert(document.getElementById('button').sheet.cssRules[11].selectorText);
サンプルコードにあるcssRulesオブジェクトについては、設定されているルールを配列(オブジェクト)で取得を参照してください。