javascript 中で css (外部ファイル) を読み込みたいと思っています。
そこで以下のような javascript を書いてみました。
var cs = document.createElement("link");
cs.rel="stylesheet";
cs.href="http://foobar.com/styles-site.css";
cs.type="text/css";
document.body.appendChild(cs);
IEなどではうまく動くのですが、残念ながら Safari だけはスタイルシートを読んでくれません・・・。
document.write('<link src=... >');
とすれば大丈夫なのですが、できれば document.write は使いたくないのです。
Safari でも使えるいい方法がありましたら、是非教えてください (_o_)
link要素といえばhead内に置くのが正しいので
document.body.appendChild(cs);
↓
document.getElementsByTagName('head')[0].appendChild(cs);
で、どうでしょう。(Win版Safari3では動作しました。)
うわっ、できた。
そうだったのかー。感動です。
ありがとうございました!