如何 - 切换隐藏和显示
使用 JavaScript 切换元素的显示和隐藏。
点击按钮！
切换（隐藏/显示）元素
步骤 1) 添加 HTML
示例
<button onclick="myFunction()">点击我</button>
<div id="myDIV">
这是我的 DIV 元素。
</div>
步骤 2) 添加 JavaScript
示例
function myFunction() {
var x = document.getElementById("myDIV");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
自己动手试一试 »
提示：有关 Display 和 Visibility 的更多信息，请阅读我们的 CSS Display 教程。
