javascript如何顯示隱藏div

javascript顯示隱藏div的方法：建立一個showhidediv的方法，直接跟著ID屬性調用，程式碼為【var sbtitle=document.getElementById(id)】。

本教學操作環境：windows7系統、javascript1.8.5版，DELL G3電腦。

javascript顯示隱藏div的方法：

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

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

2、HTML頁面結構

<a onMouseMove=&#39;showhidediv("baip")&#39;;> 点我  </a>
<div id="baip"style="display:none;">隐藏显示的DIV</div>

相關免費學習推薦：javascript影片教學

以上是javascript如何顯示隱藏div的詳細內容。更多資訊請關注PHP中文網其他相關文章！