document.createStyleSheet で動的に CSS を生成 - IT戦記

今まで var element = document.createElement('style'); document.getElementsByTagName('head')[0].appendChild(element); if (ie) { var sheet = element.styleSheet; } else { var sheet = element.sheet; } みたいにやっていた。 ところが dojo のソースを眺めていたら IE には createStyleSheet という関数があるみたい。 createStyleSheet を使うとこうなる。 if (ie) { var sheet = document.createStyleSheet(); } else { var element = document.createElement('style'); doc

[hamuinu]

動的にスタイルシートを適用させる。 あまちゃんのサイトよりメモメモ。

[harupiyo]

IE には createStyleSheet という関数があるみたい。

[hiro_y]

IEのcreateStyleSheet関数。

[adamrocker]

IEにはCSSを動的に生成するメソッドが準備されているとのこと。elementをappendするより高速かもしれないとの事。これは便利そうですね。

[kits]

sheetはStyleSheetオブジェクトを指すHTMLLinkElement, HTMLStyleElementのプロパティ(知らなかった)。