隐藏div的两个方式 visibility display
来源:互联网 发布:win10多线程优化 编辑:程序博客网 时间:2024/05/29 11:55
1、隐藏后仍占有页面空间,显示空白
div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白
style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden";//隐藏
document.getElementById("typediv1").style.visibility="visible";//显示
2、隐藏后释放占用的页面空间
通过设置display属性可以使div隐藏后释放占用的页面空间,如下
style="display: none;"
document.getElementById("typediv1").style.display="none";//隐藏
document.getElementById("typediv1").style.display="";//显示
div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白
style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden";//隐藏
document.getElementById("typediv1").style.visibility="visible";//显示
2、隐藏后释放占用的页面空间
通过设置display属性可以使div隐藏后释放占用的页面空间,如下
style="display: none;"
document.getElementById("typediv1").style.display="none";//隐藏
document.getElementById("typediv1").style.display="";//显示
0 0
- 隐藏div的两个方式 visibility display
- 两种div隐藏和显示方式的区别visibility和display
- 显示/隐藏DIV的技巧(visibility与display的差别)
- div 显示与隐藏,display与visibility的差别
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- visibility和display隐藏元素的区别
- display与visibility隐藏元素的区别
- 隐藏和显示div的两种方法(display和visibility)
- div的visibility和display属性区别
- Redis和Memcache的区别
- 使用chrome浏览器查看android在线源码
- 隐藏状态栏和操作栏
- 安卓多语言切换-显示英文图片
- 【POJ 2482】Stars in Your Window(扫描线+线段树)
- 隐藏div的两个方式 visibility display
- 二、linux 内核OOPS(2)
- http 返回状态码
- 为团队成员分配TFS2012账户
- Spring声明式事务配置管理方法
- Java编程思想学习笔记(十一) 第12章 通过异常处理错误
- 【微框架】Maven +SpringBoot 集成 阿里大鱼 短信接口详解与Demo
- spring详解
- 快速求朋友数(暂时还没有看懂)当模板用吧