隐藏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="";//显示
0 0
原创粉丝点击