動的ロードCSS,互換IE


ある需要があるため、動的にCSSスタイルをロードしなければならなくて、この時IE互換性の問題にぶつかりました
直接にノードを追加すると、IEはそのスタイルシートをすぐに使用できないので、新しいスタイルも適用されません.
var url = "style/network.css";
$('<link rel="stylesheet" type="text/css" href="' + url +'"/>').appendTo('head');

その後、ネットで検索するとdocumentという人がいました.createStyleSheet、自分ですぐにテストして、本当にOKしました
var url = "style/network.css";
if(document.createStyleSheet){  
    document.createStyleSheet(url);  
}else{
    $('<link rel="stylesheet" type="text/css" href="' + url +'"/>').appendTo('head');
}

上のコードはjqueryで、純jsは以下の通りです.
var url = "style/network.css";
if(document.createStyleSheet){  
    document.createStyleSheet(url);  
}else{
    var e = document.createElement("link");
    e.rel = "stylesheet";
    e.type = "text/css";
    e.href = url;
    document.getElementsByTagName("head")[0].appendChild(e);
}