首 页IT知识库收藏内容
当前位置:翔宇亭IT乐园IT知识库WEBHTML

如何巧妙在网页中实现DIV层隐藏

减小字体 增大字体 作者:佚名  来源:本站整理  发布时间:2010-04-19 10:10:00

我们在网页设计过程中经常使用DIV标签来实现层的隐藏,具体来讲就是使用div的visibility属性控制div的显示和隐藏,可是隐藏后页面显示空白,如何巧妙地实现DIV层的隐藏呢?本文就给出了一个方法供大家参考。

原方法代码片段:

style="visibility: none;"
document.getElementById("divLayer1").style.visibility="hidden";//隐藏
document.getElementById("divLayer1").style.visibility="visible";//显示

通过设置display属性可以使div隐藏后释放占用的页面空间,代码如下:

style="display: none;"
document.getElementById("divLayer1").style.display="none";//隐藏
document.getElementById("divLayer1").style.display="";//显示

怎么样,困扰你已久的问题解决了吧,如果你乐意就给本文一个评价吧。


本文源自:翔宇亭——IT乐园(http://www.biye5u.com),转载请保留此信息!

微信搜索“优雅的代码”关注本站的公众号,或直接使用微信扫描下面二维码关注本站公众号,以获取最新内容。

个人成长离不开各位的关注,你的关注就是我继续前行的动力。

知识评论评论内容只代表网友观点,与本站立场无关!

   评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
愿您的精彩评论引起共鸣,带来思考和价值。
用户名: 查看更多评论
分 值:100分 90分 80分 70分 60分 40分 20分
内 容:
验证码:
关于本站 | 网站帮助 | 广告合作 | 网站声明 | 友情连接 | 网站地图
本站部分内容来自互联网,如有侵权,请来信告之,谢谢!
Copyright © 2007-2024 biye5u.com. All Rights Reserved.