js 控制樣式顯示隱藏

2021-08-28 13:07:41 字數 753 閱讀 5470

默然是隱藏的input

/**

*當style.display="block"或style.visibility="visible"時控制項或見,當style.display="none"或*style.visibility="hidden"時控制項不可見。不同的是「display」不但隱藏控制項,而且被隱藏的控制項不再占用顯*示時占用的位置,而「visibility」隱藏的控制項僅僅是將控制項設定成不可見了,控制項仍然佔俱原來的位置。

*///顯示樣式

//display為空的話會好使,為block會使後邊的空間換行

document.getelementbyid('challengecode').style.display ="";

document.getelementbyid('challengecode').style.visibility="visible"

//隱藏樣式

//不再占有空間

document.getelementbyid('challengecode').style.display ="none";

//占有空間

document.getelementbyid('challengecode').style.visibility="hidden"

display:none是樣式直接消失,不占有空間,瀏覽器不解析這個樣式。hidden只是視覺上的隱藏,瀏覽器是能解析到的,樣式還存在,占有空間,只是不再展示在頁面上。

js控制tr顯示或者隱藏

方法一 document.getelementbyid 控制項id style.visibility hidden document.getelementbyid 控制項id style.visibility visible 方法二 document.getelementbyid 控制項id sty...

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

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

JS控制頁面控制項顯示和隱藏

方法一 document.getelementbyid eleid style.visibility hidden document.getelementbyid eleid style.visibility visible 利用上述方法實現隱藏後,頁面的位置還被控制項占用,顯示空白。方法二 doc...