設定されているスタイルシートのセレクターを文字列で取得

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

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