web-dev-qa-db-ja.com

<head>にリンクスタイルシートを動的に追加します

ドキュメントの先頭にリンクスタイルシート参照を追加するにはどうすればよいですか？

このコードを見つけましたが、すべてのブラウザで機能するわけではなく、IE7がクラッシュします：

var ss = document.createElement("link");
ss.type = "text/css";
ss.rel = "stylesheet";
ss.href = "style.css";
document.getElementsByTagName("head")[0].appendChild(ss);

ありがとう

javascriptinternet-explorerdomcrash
17
belaz

Internet ExplorerはinnerHTMLをサポートしますが、これは機能するリフローを追加します。

var headHTML = document.getElementsByTagName('head')[0].innerHTML;
headHTML    += '<link type="text/css" rel="stylesheet" href="style.css">';
document.getElementsByTagName('head')[0].innerHTML = headHTML;
8
Alagu

IEでは、createStyleSheetメソッドを試すことができますか？それはパラメータとしてURLを取ります。 FF /クロームに同等のものがあるかどうかはわかりませんが..

-センディル

2
Senthil