javascript - スタイルをオーバーライドせずにJavaScriptで要素を表示するにはどうすればよいですか?

Question

以前は非表示だった div を表示する次のコードがあります。

document.getElementById('theDiv').style.display = 'block';

問題は、これを実行すると、div が以前のすべての CSS フォーマットを失うことです。CSS フォーマットを維持しながら、これと同じ機能を実現する方法はありますか?

Answer 1

に設定style.displayしblockても、他の CSS フォーマットには影響しません。私が考えることができる唯一の例外は、アイテムが以前にだった場合display:inline、それを設定するとdisplay:blockレイアウトが変更されることです。ただし、他のすべての CSS アイテムは影響を受けません。

これがあなたが観察しているものではない場合、あなたはここで全体の話をしていない可能性があり、あなたのコードで私たちに見せていない何かが起こっているに違いありません. その場合は、問題の原因となっている実際のコードを確認できるように、テスト ケースを jsFiddle の小さな例に縮小してみてください。