當前位置:妙知谷 >

遊戲數碼 >IT技術 >

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

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

我們進行網頁開發的時候,經常需要運用JS去控制某個div的顯示或者隱藏。下面小編通過實例教大家如何實現這種功能。

操作方法

(01)打開Sublime Text編輯器,新建一個HTML文檔,注意一定要設置編碼格式為utf8,如下圖所示

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

(02)然後在Body區域準備一個div和一個button按鈕,接下來會實現點擊按鈕來顯示和隱藏DIV,如下圖所示

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

(03)接下來我們實現JS腳本的功能,如下圖所示,主要運用display屬性來控制div的顯示或者隱藏

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

(04)最後運行頁面,我們點擊按鈕的時候就會實現對div區域的顯示或者隱藏了,如下圖所示

JS如何控制DIV的顯示和隱藏 第4張
標籤: js DIV
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/3d0gq.html