HTML 設置 div 隱藏顯示 在網頁制作過程中，經常需要使用隱藏顯示的效果來控制網頁元素的顯示與隱藏。在 HTML 中，可以使用 div 標簽及其相關屬性來實現這一效果。以下是示例代碼：

<div id="myDiv">
<p>需要隱藏的內容</p>
</div>
<button onclick="toggleDiv()">點擊切換顯示/隱藏</button>
<script>
function toggleDiv() {
var myDiv = document.getElementById("myDiv");
if (myDiv.style.display === "none") {
myDiv.style.display = "block";
} else {
myDiv.style.display = "none";
}
}
</script>

使用 div 標簽包裹需要隱藏的內容，并為其設置一個唯一的 id 屬性。在按鈕元素中通過 onclick 屬性關聯 JS 函數 toggleDiv() 來切換 div 的顯示/隱藏狀態。接下來，我們需要在 JS 中實現 toggleDiv() 函數，實現隱藏顯示的邏輯。具體實現中，在獲取 myDiv 元素后，判斷其當前是否處于隱藏狀態，如果是，則設置 display 屬性為 "block"，即將其顯示出來；否則，將 display 屬性設置為 "none"，將其隱藏。 通過以上代碼，即可輕松實現隱藏顯示的效果。但需要注意的是，在實際開發中，應盡可能避免使用這種通過 JS 改變樣式的方式，而是通過 CSS 的 :hover、:active 等偽類來實現樣式的變換，使得網頁更加易于維護和管理。