JS控制HTML元素的顯示和隱藏

標籤：www   class   html元素   hidden   被佔用   tps   doc   顯示   javascrip   

利用來JS控制頁面控制項顯示和隱藏有兩種方法，兩種方法分別利用HTML的style中的兩個屬性，兩種方法的不同之處在於控制項隱藏後是否還在頁面上占空位。

方法1：

　　document.getElementById("EleId").style.visibility="hidden";

　　document.getElementById("EleId").style.visibility="visible";

　　利用上述方法實現隱藏後，頁面的位置還被控制項佔用，顯示空白。

方法2：

　　document.getElementById("EleId").style.display="none";

　　document.getElementById("EleId").style.display="inline";

　　利用上述方法實現隱藏後，頁面的位置不被佔用

 

參考連結：https://www.cnblogs.com/unpolishedgem/p/3247098.html

JS控制HTML元素的顯示和隱藏