div的顯示與隱藏

2021-06-15 22:44:52 字數 461 閱讀 6514

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="";//顯示

div 顯示與隱藏

最近寫專案用到div隱藏,以下引用 visibility隱藏的物件還保留物件顯示時所佔的物理空間,display則不保留。可以儲存下面的 看看效果 具體步驟 示例 ss屬性為visibility hidden的物件 ss屬性為display none的物件 特別提示 用visibility屬性控制隱...

div 顯示與隱藏

visibility隱藏的物件還保留物件顯示時所佔的物理空間,display則不保留。可以儲存下面的 看看效果 具體步驟 示例 ss屬性為visibility hidden的物件 ss屬性為display none的物件 特別提示 用visibility屬性控制隱藏的物件還佔據著它顯示時的位置,而d...

div 顯示與隱藏

visibility隱藏的物件還保留物件顯示時所佔的物理空間,display則不保留。可以儲存下面的 看看效果 具體步驟 示例 ss屬性為visibility hidden的物件 ss屬性為display none的物件 特別提示 用visibility屬性控制隱藏的物件還佔據著它顯示時的位置,而d...