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

MyMemoWiki

「JavaScript 動的にスタイルシートの情報を取得する」の版間の差分

提供: MyMemoWiki
ナビゲーションに移動 検索に移動
(ページの作成:「==JavaScript 動的にスタイルシートの情報を取得する== function printStyleSheetInfo() { var shts = document.styleSheets; var msg = "[StyleS…」)
(相違点なし)

2020年2月15日 (土) 07:33時点における版

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