How TO - 檢查元素是否被隱藏
瞭解如何使用 JavaScript 判斷元素是否被隱藏。
檢查隱藏元素
示例
如果 <div> 元素被隱藏，則執行某些操作
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// 執行某些操作..
}
}
自己動手試一試 »
注意：當元素使用 display:none 隱藏時（如上例所示），該元素將不佔用任何空間。
要判斷元素是否使用 visibility:hidden 隱藏，請參見下面的示例。這個“隱藏”的元素會佔用空間。
示例
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// 執行某些操作..
}
}
自己動手試一試 »
提示：另請參閱How To - 切換隱藏/顯示。
提示：有關 Display 和 Visibility 的更多資訊，請閱讀我們的 CSS Display 教程。
