溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹javascript顯示隱藏div的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
方法：1、利用display屬性，語法“div對象.style.display="none|block"”；2、利用visibility屬性，語法“div對象.style.visibility="hidden|visible"”。
本教程操作環境：windows7系統、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的方法”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
