如何 - 切换隐藏和显示
使用 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";
}
}
自己试试 »
提示: 想要了解更多关于显示和可见性的信息,请阅读我们的 CSS 显示教程.