Javascript 表示 非表示切り替え

どうも。

お久しぶりです。

忘れないうちに自宅で復習。

Javascriptの表示、非表示の落とし穴と対策。

＜ソース＞

<form>
<input type="button" value="表示" onclick="hyoji1(0)">
<input type="button" value="非表示" onclick="hyoji1(1)">
</form>

<script>

function hyoji1(num)
{
if (num == 0)
{
document.getElementById("disp").style.display="block";
}
else
{
document.getElementById("disp").style.display="none";
}
}

</script>

＜/ソース＞

これで表示、非表示ボタンができます。

一応”　”の部分をhidenに変える方法もあるけどそれは別で。

落とし穴

＜ソース＞

document.getElementById("disp").style.display="block";

＜/ソース＞

このソースIEだとフォントが崩れます。

IE側のエラーらしいけど詳しいことは逆に教えて。

対策としては

＜ソース＞

document.getElementById("disp").style.display="";

＜/ソース＞

らしい。

というかこれでした。

では、メモ書き程度なんで。

＜雑談＞

今日あたりにまとめてラノベ感想書こうかな。