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 教程。
