JS如何控制DIV的顯示和隱藏

我們進行網頁開發的時候, 經常需要運用JS去控制某個div的顯示或者隱藏 。 下面小編通過實例教大家如何實現這種功能 。 東西/材料 Sublime Text
操作方式 01 打開Sublime Text編纂器, 新建一個HTML文檔, 注重必然要設置編碼格局為utf8, 如下圖所示

JS如何控制DIV的顯示和隱藏



02 然后在Body區域籌辦一個div和一個button按鈕, 接下來會實現點擊按鈕來顯示和埋沒DIV, 如下圖所示

JS如何控制DIV的顯示和隱藏



03 接下來我們實現JS劇本的功能, 如下圖所示, 本家兒要運用display屬性來節制div的顯示或者埋沒

JS如何控制DIV的顯示和隱藏



04 【JS如何控制DIV的顯示和隱藏】最后運行頁面, 我們點擊按鈕的時辰就會實現對div區域的顯示或者埋沒了, 如下圖所示

JS如何控制DIV的顯示和隱藏





以上內容就是JS如何控制DIV的顯示和隱藏的內容啦, 希望對你有所幫助哦!

    猜你喜歡