使用javascript怎么显示与隐藏div

使用javascript怎么显示与隐藏div

本篇文章给大家分享的是有关使用javascript怎么显示与隐藏div,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

javascript显示隐藏div的方法:

1、创建一个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>

2、HTML页面结构

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


以上就是使用javascript怎么显示与隐藏div,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。