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)隱藏后,頁面的位置不被占用。
相關(guān)文章
webpack4升級到webpack5的實戰(zhàn)經(jīng)驗總結(jié)
有些老項目的包長時間沒有更新,導致項目中有些性能問題,在項目迭代中考慮升級包,下面這篇文章主要給大家介紹了關(guān)于webpack4升級到webpack5的實戰(zhàn)經(jīng)驗,需要的朋友可以參考下2022-08-08jquery結(jié)合CSS使用validate實現(xiàn)漂亮的驗證
這篇文章主要介紹了jquery結(jié)合CSS使用validate實現(xiàn)漂亮的驗證,需要的朋友可以參考下2015-01-01JavaScript 高仿真可控彈簧振子實現(xiàn)代碼
我剛學JavaScript ,看見一些牛人寫了許多特效,我也花了一天寫了一個彈簧振子,完全獨創(chuàng),沒有借鑒任何人的代碼.2009-10-10如何用JS/HTML將時間戳轉(zhuǎn)換為“xx天前”的形式
如果我們有一份過去時間戳,如何使用JS/HTML將時間戳轉(zhuǎn)換為“xx天前”的形式呢?很多朋友都覺得解決辦法有點困難,其實很簡單的,下面小編給大家分享完整的實現(xiàn)代碼,一起看看吧2017-02-02