CSSをあとから読み込みたい。

質問

「CSS読み込み」クリックで、追加CSSを読み込みたいのですが、
以下のやり方でIE6以外ではできたのですがIE6で動きません。
どなたかアドバイスいただけると幸いです。
▼JS===============================================================
function roadcss(){
if(navigator.userAgent.indexOf("MSIE") > -1){
document.createStyleSheet('/answer.css');
} else {
var tag=document.createElement('link');
tag.setAttribute("type","text/css");
tag.setAttribute("rel","stylesheet");
tag.setAttribute("href","/answer.css");​
document.getElementsByTagName('head')[0].appendChild(tag);
}
}
▼HTML=============================================================
<a href="javascript:void(0)" onClick="roadcss()">CSS読み込み</a>

回答No.1

steel_gray · ベストアンサー

http://wiki.bit-hive.com/tomizoo/pg/Javascript%20%C6%B0%C5%AA%A4%CACSS%A4%CE%C5%AC%CD%D1
これなんか参考になるかと思います。

お礼

うまくいきました！
ありがとうございました！

回答No.2

think49

手元にIE6がないのですが、下記の書き方はIE6で通用したと思います。

----
function roadcss(){
var tag=document.createElement('link');
tag.type = "text/css";
tag.rel = "stylesheet";
tag.href = "/answer.css";
document.getElementsByTagName('head')[0].appendChild(tag);
}
roadcss();
----

IE の getAttribute / setAttribute: Days on the Moon
http://nanto.asablo.jp/blog/2005/10/29/123294

お礼

残念ながらIE6でだめでした。
私の環境の問題かもしれません・・・
教えていただいた方法は、確かにIE6でもいけるみたいなんですが・・
もう少し調べてみます。
ご親切にありがとうございました！