div 隱藏 顯示 佔空間 不佔空間

2022-03-28 06:13:37 字數 688 閱讀 7557

引用:

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

此js**中,沒有用try——catch捕獲錯誤,**如下:

滑鼠移動這裡

出現顯示的內容

onmousemove='showhidediv("msg")'; 這裡是滑鼠動作,可以替換成click或其他!

再次公升級,做兩個層之間的切換:

name:

age:

林雨林18

//示例二

顯示乙個層的同時隱藏另乙個層

單擊此處新增描述

jquery隱藏div 占用空間

效果圖 使用jquery把div隱藏之後,直接把原來的紅色div空間取消了,樣式發生了錯誤,研究了下,發現在div中加入樣式就可以了,乾貨如下 轉速 speed details add label css speed details add css 這樣占用紅色部分div的空間隱藏,空間就不會消失,...

div顯示隱藏

內容 div的visibility可以控制div的顯示和隱藏,但是隱藏後頁面顯示空白 style visibility none document.getelementbyid typediv1 style.visibility hidden 隱藏 document.getelementbyid t...

div顯示隱藏

div的visibility可以控制div的顯示和隱藏,但是隱藏後頁面顯示空白 style visibility none document.getelementbyid typediv1 style.visibility hidden 隱藏 document.getelementbyid type...