如何创建 - 切换隐藏和显示
使用 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 显示教程。
