javascript隱藏和顯示div的方法

1、透過設定display屬性可以使div隱藏後釋放佔用的頁面空間。

document.getElementById("demo").style.display="none";//隱藏
document.getElementById("demo").style.display="block";//顯示

2、建立一個showhidediv的方法，直接跟ID屬性呼叫。

<script language="javascript">
function showhidediv(id){
var sbtitle=document.getElementById(id);
if(sbtitle){
   if(sbtitle.style.display=='block'){
   sbtitle.style.display='none';
   }else{
   sbtitle.style.display='block';
   }
}
}
</script>

3、HTML頁面結構

<a onMouseMove='showhidediv("baip")';> 點我  </a>
<div id="baip"style="display:none;">隱藏顯示的DIV</div>

以上就是javascript隱藏和顯示div的方法，希望對大家有所幫助。更多Javascript學習指路：

推薦操作環境：windows7系統、jquery3.2.1版本，DELL G3電腦。