JS控制HTML元素的顯示和隱藏的兩種方法
更新時間：2016年09月27日 15:07:01 投稿：mrr
本文給大家分享兩種方法來控制html元素的顯示和隱藏，分別利用html的style中兩個屬性，本文介紹的非常詳細，具有參考借鑒價值，感興趣的朋友一起看看吧
利用來JS控制頁面控件顯示和隱藏有兩種方法，兩種方法分別利用HTML的style中的兩個屬性，兩種方法的不同之處在于控件隱藏后是否還在頁面上占空位。
方法一：
document.getElementById("EleId").style.visibility="hidden";
document.getElementById("EleId").style.visibility="visible";
利用上述方法實現(xiàn)隱藏后，頁面的位置還被控件占用，顯示空白。
方法二：
document.getElementById("EleId").style.display="none";
document.getElementById("EleId").style.display="inline";
利用上述方法實現(xiàn)隱藏后，頁面的位置不被占用。
相關文章
這篇文章主要為大家介紹了JS前端的內存處理的方法全面詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
頁面定時刷新的示例想必大家也見到不少，在本文將為大家介紹的是，如何實現(xiàn)1秒刷新一次，感興趣的朋友可以了解下本文2013-11-11
webpack4升級到webpack5的實戰(zhàn)經驗總結
有些老項目的包長時間沒有更新,導致項目中有些性能問題,在項目迭代中考慮升級包,下面這篇文章主要給大家介紹了關于webpack4升級到webpack5的實戰(zhàn)經驗,需要的朋友可以參考下2022-08-08
這篇文章主要為大家詳細介紹了ionic實現(xiàn)帶字的toggle滑動組件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
jquery結合CSS使用validate實現(xiàn)漂亮的驗證
這篇文章主要介紹了jquery結合CSS使用validate實現(xiàn)漂亮的驗證,需要的朋友可以參考下2015-01-01
Webpack 本身是不能識別樣式資源的,所以我們需要借助 Loader 來幫助 Webpack 解析樣式資源,本文就來介紹一下Webpack處理樣式資源的配置詳情,感興趣的可以了解一下2023-12-12
JavaScript 高仿真可控彈簧振子實現(xiàn)代碼
我剛學JavaScript ，看見一些牛人寫了許多特效，我也花了一天寫了一個彈簧振子，完全獨創(chuàng)，沒有借鑒任何人的代碼.2009-10-10
這篇文章主要介紹了Javascript實踐中的命令模式，對命令模式感興趣的同學，可以參考下2021-05-05
如果我們有一份過去時間戳，如何使用JS/HTML將時間戳轉換為“xx天前”的形式呢？很多朋友都覺得解決辦法有點困難，其實很簡單的，下面小編給大家分享完整的實現(xiàn)代碼，一起看看吧2017-02-02
本文主要介紹了js實現(xiàn)二級導航功能的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03