読者です 読者をやめる 読者になる 読者になる

ラノベとゲーム制作かもしれないブログ

オタクが最近読んだ見たラノベアニメ作るゲームの話を書きます。

Javascript 表示 非表示切り替え

Javascuript

 

 

どうも。

お久しぶりです。

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

 

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="";

</ソース>

 

らしい。

というかこれでした。

 

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

 

 

<雑談>

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