切换隐藏/显示

---

使用 JavaScript 在隐藏和显示元素之间切换。

---

切换隐藏和显示 点击按钮！

---

切换（隐藏/显示）元素

步骤 1) 添加 HTML:

实例

<button onclick="myFunction()">Click Me</button>

<div id="myDIV">
  This is my DIV element.
</div>

---

第 2 步）添加 JavaScript:

实例

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

提示:有关显示和可见性的更多信息，请阅读我们的CSS 显示教程。