ITPub博客

首页 > IT职业 > IT职场 > javascript隐藏和显示div的方法

javascript隐藏和显示div的方法

IT职场 作者:wjaning 时间:2021-09-11 09:54:34 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

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2983/viewspace-2829829/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-06

  • 博文量
    73
  • 访问量
    6473