Js显示隐藏DIV

显示隐藏DIV 在某些场景我们常常需要,通过JQuery非常容易的实现,但有时候我们需要原生态的JS来实现,方法很多,这里小编介绍一个非常简单的方法。

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>

分享到:

用微信扫一扫,分享给朋友


发布日期:

所属分类: javascriptjquery



下一篇:

没有了,已经是最新文章