js如何顯示隱藏div

❶ js如何控制DIV的顯示和隱藏

我們進行網頁開發的時候，經常需要運用JS去控制某個div的顯示或者隱藏。下面小編通過實例教大家如何實現這種功能。
打開Sublime Text編輯器，新建一個HTML文檔，注意一定要設置編碼格式為utf8，如下圖所示

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

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

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

❷ js控制div的顯示和隱藏

使用JavaScript控制div的顯示隱藏，通常是修改div元素的display為none。

display屬性 定義和用法

display 屬性規定元素應該生成的框的類型。

display屬性 可能的值

document.getElementById("div1").style.display="block";

其他方式

除了修改display,還可以通過修改元素的寬度和高度為零實現隱藏效果。

❸ <大神>js如何實現點擊一個按鈕隱藏一個div，然後該div上有一個按鈕，點擊後隱藏，然後在顯示另外一個div

1、打開html開發軟體，新建一個html文件。