IT戦記

プログラミング、起業などについて書いているプログラマーのブログです😚

IE で一時的に要素のスタイルを変更する

いろいろためしたけど、以下が一番楽

// 変更
element.runtimeStyle.cssText = ' width: 100%; height: 100%';

// 戻す
element.runtimeStyle.cssText = '';

特に、戻すときに cssText 以外のプロパティを空にしても、おかしな挙動をするので cssText を使うといい。

しかも IE だけは、 CSSStyleSheet オブジェクトにも cssText が使える

// これも IE だけ
var sheet = document.createStyleSheet();

sheet.cssText = 'div { hoge: hoge; fuga: fuga } div div { piyo: piyo }';
sheet.cssText = '';