1. 程式人生 > >JS控制HTML元素的顯示和隱藏

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

inline 顯示空白 http str 是否 ava .get ntb tel

利用來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元素的顯示和隱藏