前臺技術--div的隱藏與顯示
阿新 • • 發佈:2017-06-10
ng- 前臺 sni hid doc isp blog pan get
display:隱藏頁面元素的同一時候。將元素所占用的頁面空間一起釋放,這個通常是比較經常使用的。
怎樣使用頁面元素隱藏或顯示。
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的隱藏與顯示