| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

JavaScript 動的にスタイルシートの情報を取得する

提供: MyMemoWiki
2020年2月16日 (日) 04:27時点におけるPiroto (トーク | 投稿記録)による版
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
ナビゲーションに移動 検索に移動

JavaScript 動的にスタイルシートの情報を取得する

function printStyleSheetInfo() {
    var shts = document.styleSheets;
    var msg = "[StyleSheet]\n";
    
    for (var i=0; i<shts.length; i++) {
        msg = msg  + "  " + shts[i].href + "\n";
        
        var rules = shts[i].rules;
        msg = msg  + "  " + "[Rules]\n";
        for (var j=0; j<rules.length; j++) {
            msg = msg  + "    " + rules[j].selectorText + "\n";
        }
    }
    document.write(msg.replace(/ /ig," ").replace(/\n/ig, "<br/>"));
}