如何切換隱藏和顯示

使用 JavaScript 在隱藏和顯示元素之間切換。

點擊按鈕！

切換（隱藏/顯示）元素

第一步 - 添加 HTML：

<button onclick="myFunction()">Click Me</button>
<div id="myDIV">
  This is my DIV element.
</div>

第二步 - 添加 JavaScript：

function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

親自試一試

相關頁面

教程：CSS 顯示