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

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/>"));
}