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的區別