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