JavaScriptによって動的に CSSを追加する場合のブラウザごとの挙動の違い

（2011/3/29追記：Firefox4とChrome10の実験結果を追加。） JavaScriptに続いて、動的にCSS（またはstyle要素）を追加する場合の、追加方法の違いによるブラウザごとの挙動も調べた。 調査に使ったJavaScript（HTML5なのでtype属性は省略してある。） window.onload = function() { // divのinnerHTMLに外部CSSの読み込みを突っ込む try { var div1 = document.createElement("div"); div1.innerHTML = '<link rel="stylesheet" href="test1.css" />'; document.body.appendChild(div1); } catch(e) { } // createElementでlink要素を生成して外部

[hisasann]

「IEではcreateElementで外部ファイルを読み込む方法しか動かない。」