javascript顯示隱藏div的方法

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

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

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

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

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

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

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

通過設置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"隱藏會引起，div里面的東西休眠，里面的事件就不響應了。

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

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

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

廣告

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