1. 程式人生 > >前臺技術--div的隱藏與顯示

前臺技術--div的隱藏與顯示

ng- 前臺 sni hid doc isp blog pan get

怎樣使用頁面元素隱藏或顯示。


HTML為我們提供了兩個變量visibility和display

visibility:隱藏要元素可是元素所暫用的空間不予釋放。也就是說元素隱藏了,可是頁面上會流出一片空白的地方。

使用方法:

style="visibility: hidden;"

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

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

display:隱藏頁面元素的同一時候。將元素所占用的頁面空間一起釋放,這個通常是比較經常使用的。

使用方法:

style="display: none;"

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

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

前臺技術--div的隱藏與顯示