显示隐藏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>