溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下javascript如何讓div隱藏，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
javascript讓div隱藏的方法：首先使用div標簽創建一個模塊，并設置其id為mydiv；然后使用button標簽創建一個按鈕，并給button按鈕綁定onclick點擊事件；最后在js標簽中，創建hideDiv()函數即可。
新建一個html文件，命名為test.html，用于講解js如何使一個div隱藏。
在test.html文件內，使用div標簽創建一個模塊，并設置其id為mydiv。
在css標簽內，通過id（mydiv）設置div的樣式，定義其寬度為100px，高度為100px，背景顏色為紅色。
在test.html文件內，使用button標簽創建一個按鈕，給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執行hideDiv()函數。
在js標簽中，創建hideDiv()函數，在函數內，使用getElementById（）方法，通過id（mydiv）獲得div對象，將div對象style屬性中的display屬性設置為none，便可以實現div的隱藏。【推薦學習：js基礎教程】
在瀏覽器打開test.html文件，點擊按鈕，查看結果。
看完了這篇文章，相信你對“javascript如何讓div隱藏”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
