利用JS做到隱藏div和顯示div

2021-06-01 21:28:38 字數 681 閱讀 1605

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

//示例二

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

單擊此處新增描述

利用JS做到隱藏div和顯示div!!

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

js控制按鈕,div顯示和隱藏

點我一下 方法 一 mymodal show 顯示 mymodal hide 隱藏 方法二 mymodal css display none 隱藏 mymodal css display block 顯示 演示方法 mymodal click function 如果出現排版問題,刪除block my...

div 隱藏和顯示

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