カテゴリー: Tech

外部CSSファイルを後から読み込み

ポートレットの場合、ページの断片を作るから外部の CSS を読み込むのに link や style タグが使うタイミングがないのだけど、javascript でやればできるのね。ポートレットのインストール後に、css の設定を変えてください、みたいな依頼をするのもちょっとな～っと思っていたので、以下のような感じのコードで対応することにしてみた。

var cssFile="/css/pal-extension.css";
var isMSIE = /*@cc_on!@*/false;
if(isMSIE) {
document.createStyleSheet(cssFile);
} else {
var link = document.createElement("link");
link.setAttribute("rel", "stylesheet");
link.setAttribute("href", cssFile);
link.setAttribute("type", "text/css");
document.getElementsByTagName('head')[0].appendChild(link);
}