JS如何控制DIV的顯示和隱藏
來源:酷知科普網 1.17W
我們進行網頁開發的時候,經常需要運用JS去控制某個div的顯示或者隱藏。下面小編通過例項教大家如何實現這種功能。
操作方法
(01)開啟Sublime Text編輯器,新建一個HTML文件,注意一定要設定編碼格式為utf8,如下圖所示
(02)然後在Body區域準備一個div和一個button按鈕,接下來會實現點選按鈕來顯示和隱藏DIV,如下圖所示
(03)接下來我們實現JS指令碼的功能,如下圖所示,主要運用display屬性來控制div的顯示或者隱藏
(04)最後執行頁面,我們點選按鈕的時候就會實現對div區域的顯示或者隱藏了,如下圖所示