さらりーまんの雑多ブログ

日常のあれこれから仕事まで

【JS・CSS】JavaScriptでCSSのdisplay: noneが効かないとき

結論

cssText を使用する

document.getElementById('element').style.cssText = 'display:none !important';

 

使用するときは上書きされないようにこんな感じ。

「+=」の最初に「;」を入れ忘れるとおかしくなるよ。

 

var cssText = document.getElementById('element').style.cssText;
cssText += ';display:none !important;';
document.getElementById('element').style.cssText = cssText;