首页 > 开发 > HTML > 正文

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

2023-04-11 12:31:39
字体:
来源:转载
供稿:网友

我们在网页设计过程中经常使用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="";//显示

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表