如何 - 切換隱藏和顯示
使用 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 教程。
