javascript - ドロップダウンに表示される複数のcssファイルからCSSクラスのリストを取得します

原文 javascript jquery html css

複数のCSSファイルを掘り下げて、各ファイルで使用可能なCSSクラスを取得したいと思います。次に、それらをドロップダウンメニューに表示します。

その方法でCSSファイルから直接クラスのリストを取得できるかどうか知りたいのですが。
答え
使用中のスタイルシートからルールを取得するJavaScriptは次のとおりです。目的に応じて、結果をさらに解析する必要がある場合があります。私はこれをChromeバージョン39で実行しました。これが役に立てば幸いです。

for(var s=0; s<document.styleSheets.length; s++){
    if(document.styleSheets[s].rules != null){
        for(var r=0; r<document.styleSheets[s].rules.length; r++){
            console.log(document.styleSheets[s].rules[r].cssText);
        }
    }
}
関連記事

javascript - <a>タグが混在するテキストノードをjQueryでラップする方法は?

javascript - MVCプロジェクトのアクションから返されたHTMLファイルのスクリプトへのパスが正しくありません

javascript - HTMLに解析されたJSONデータの<script>タグのエスケープ/削除

javascript - Knockoutjsクリックバインディングが機能しなくなった

javascript - JavaScriptを使用して範囲を強調表示できない

javascript - node.jsのjQueryパッケージに$ .ajaxメソッドがないのはなぜですか?

javascript - 重複のAngular ng-repeat

javascript - iPadのフルカレンダーバージョン2のドラッグイベント

javascript - コマンドラインクライアントと対話する

javascript - JavaScriptの配列値をスキップしますか?