動的ロードCSS,互換IE
ある需要があるため、動的にCSSスタイルをロードしなければならなくて、この時IE互換性の問題にぶつかりました
直接にノードを追加すると、IEはそのスタイルシートをすぐに使用できないので、新しいスタイルも適用されません.
その後、ネットで検索するとdocumentという人がいました.createStyleSheet、自分ですぐにテストして、本当にOKしました
上のコードはjqueryで、純jsは以下の通りです.
直接にノードを追加すると、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);
}