品易云推流 关闭
文章 > JavaScript > javascript隐藏和显示div的方法

javascript隐藏和显示div的方法

javascript

头像

小妮浅浅

2021-04-19 14:21:41642浏览 · 0收藏 · 0评论

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学习指路:Javascript

关注公众号

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图 底部广告图按钮