這篇文章給大家分享的是有關(guān)javascript顯示和隱藏div的方法的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

金湖ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

javascript顯示隱藏div的方法：首先新建文件，并創(chuàng)建button按鈕；然后創(chuàng)建隱藏的div，并給div設(shè)置隱藏的樣式；最后為button按鈕添加一個(gè)點(diǎn)擊后隱藏事件。

javascript顯示隱藏div的方法：

1、打開html開發(fā)軟件，新建一個(gè)html文件。如圖：

2、在html文件上創(chuàng)建一個(gè)button按鈕，然后給這個(gè)按鈕設(shè)置一個(gè)id，在案例中把按鈕的id設(shè)置為show。如圖：

代碼：

<input type="button" id="show" value="顯示隱藏div" />

3、然后創(chuàng)建一個(gè)隱藏的div，把需要隱藏的內(nèi)容寫到這個(gè)div上，然后給這個(gè)div設(shè)置一個(gè)id，在案例中設(shè)置案例的id為hide。如圖：

代碼：

<div id="hide">我是隱藏的div</div>

4、給div設(shè)置隱藏的樣式。在<title>標(biāo)簽后面為id為hide設(shè)置樣式display:none,這個(gè)樣id為hide的div就會被隱藏掉了。如圖：

樣式代碼：

<style>
#hide{display: none;padding-top: 15px;}
</style>

5、為button按鈕添加一個(gè)點(diǎn)擊后隱藏事件。點(diǎn)擊button按鈕后，把隱藏的div的display修改為block，這樣點(diǎn)擊后div就會顯示了。如圖：

事件代碼：

<script type="text/javascript">
 window.onload = function(){
document.getElementById("show").onclick = function(){
 document.getElementById("hide").style.display = "block";
}
 }
</script>

感謝各位的閱讀！關(guān)于“javascript顯示和隱藏div的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

分享題目：javascript顯示和隱藏div的方法
本文來源：http://chinadenli.net/article16/giijgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站改版、網(wǎng)站營銷、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)