HTML 显示/隐藏DIV的技巧(visibility与display的差别)

本文转载自查看原文 2019-06-01 13:03 12765 WEB前端

div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白:

　　style="visibility: none;"

　　document.getElementById("typediv1").style.visibility="hidden";//隐藏

　　document.getElementById("typediv1").style.visibility="visible";//显示

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

　　style="display: none;"

　　document.getElementById("typediv1").style.display="none";//隐藏

　　document.getElementById("typediv1").style.display="";//显

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 HTML 显示/隐藏DIV的技巧(visibility与display的差别) DIV中display和visibility属性差别 CSS：元素的显示与隐藏（display、visibility、overflow）隐藏与显示：display/visibility/visible区别显示隐藏DIV的技巧 visibility、display、opacity隐藏区别 Display(显示) 与 Visibility（可见性）和hidden（html5新增) css3-10 如何控制元素的显示和隐藏（display和visibility的区别是什么）使用display：none和visibility：hidden隐藏的区别 CSS隐藏元素 display、visibility、opacity的区别