HTML 設(shè)置 div 隱藏顯示 在網(wǎng)頁制作過程中，經(jīng)常需要使用隱藏顯示的效果來控制網(wǎng)頁元素的顯示與隱藏。在 HTML 中，可以使用 div 標(biāo)簽及其相關(guān)屬性來實(shí)現(xiàn)這一效果。以下是示例代碼：

<div id="myDiv">
<p>需要隱藏的內(nèi)容</p>
</div>
<button onclick="toggleDiv()">點(diǎn)擊切換顯示/隱藏</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 標(biāo)簽包裹需要隱藏的內(nèi)容，并為其設(shè)置一個(gè)唯一的 id 屬性。在按鈕元素中通過 onclick 屬性關(guān)聯(lián) JS 函數(shù) toggleDiv() 來切換 div 的顯示/隱藏狀態(tài)。接下來，我們需要在 JS 中實(shí)現(xiàn) toggleDiv() 函數(shù)，實(shí)現(xiàn)隱藏顯示的邏輯。具體實(shí)現(xiàn)中，在獲取 myDiv 元素后，判斷其當(dāng)前是否處于隱藏狀態(tài)，如果是，則設(shè)置 display 屬性為 "block"，即將其顯示出來；否則，將 display 屬性設(shè)置為 "none"，將其隱藏。 通過以上代碼，即可輕松實(shí)現(xiàn)隱藏顯示的效果。但需要注意的是，在實(shí)際開發(fā)中，應(yīng)盡可能避免使用這種通過 JS 改變樣式的方式，而是通過 CSS 的 :hover、:active 等偽類來實(shí)現(xiàn)樣式的變換，使得網(wǎng)頁更加易于維護(hù)和管理。