如何创建 - 检查元素是否隐藏
了解如何使用 JavaScript 找出元素是否隐藏。
检查隐藏元素
实例
如果 <div> 元素被隐藏，请执行以下操作:
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}
亲自试一试 »
注释: 当使用 display:none 隐藏元素时（如上例所示），该元素不会占用任何 空间。
要确定元素是否使用 visibility:hidden 隐藏，请参见下面的示例。 这个"隐藏"的元素会占用空间。
实例
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
亲自试一试 »
提示:另请查看如何 - 切换隐藏/显示。
提示:有关显示和可见性的更多信息，请阅读我们的CSS 显示教程。
