這篇文章主要介紹javascript顯示隱藏div的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)公司自2013年創(chuàng)立以來，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目做網(wǎng)站、網(wǎng)站制作網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元江北做網(wǎng)站,已為上家服務(wù),為江北各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18982081108

方法：1、利用display屬性，語法“div對(duì)象.style.display="none|block"”；2、利用visibility屬性，語法“div對(duì)象.style.visibility="hidden|visible"”。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

<div id="demo">AAA</div>

JS隱藏和顯示div的方式有兩種：

方式1：隱藏后釋放占用的頁面空間

通過設(shè)置display屬性可以使div隱藏后釋放占用的頁面空間.

style="display: none;"

document.getElementById("demo").style.display="none";//隱藏
document.getElementById("demo").style.display="block";//顯示

方式2：隱藏后仍占有頁面空間，顯示空白

div的visibility可以控制div的顯示和隱藏，但是隱藏后頁面顯示空白.

style="visibility: none;"

document.getElementById("demo").style.visibility="hidden";//隱藏
document.getElementById("demo").style.visibility="visible";//顯示

注意：

使用第二方式更人性化，但是，用div.style.display="none"隱藏會(huì)引起，div里面的東西休眠，里面的事件就不響應(yīng)了。

以上是“javascript顯示隱藏div的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享題目：javascript顯示隱藏div的方法
分享路徑：http://jinyejixie.com/article14/ijcode.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、商城網(wǎng)站、建站公司、關(guān)鍵詞優(yōu)化、網(wǎng)站策劃、企業(yè)網(wǎng)站制作

廣告

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