トップページ >  JavaScript >  文字列表示非表示の切替
初版2013/02/25: 最終更新日2013/02/25
  文字列表示非表示の切替
目次
文字列表示非表示の切替
文字列表示非表示の切替
文字列の表示非表示の切り替えはinnerHTML,innerTEXTでも可能ですが、style.displayを使用して実装することもできます。
表示ボタン、非表示ボタンを押すと文字列が表示されたり非表示になったりします。

表示されたり非表示になったりする部分


 

以下、ソースです。

<div id="div1">表示されたり非表示になったりする部分</div>
<script type="text/javascript">
<!--
function a(){
    document.getElementById("div1").style.display = "block";
}
function b(){
    document.getElementById("div1").style.display = "none";
}
// -->
</script>

style.displayをblockにすることによってブロック要素として表示し、noneにすることによって非表示にしています。