如何 - 检查元素是否隐藏

了解如何使用 JavaScript 确定元素是否隐藏。

检查隐藏元素

如果 <div> 元素被隐藏，请执行以下操作：

function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}

笔记：当一个元素被隐藏时display:none（如上面的示例），该元素不会占用任何空间。

查明某个元素是否被隐藏visibility:hidden，请参见下面的示例。此"hidden" 元素将占用空间。

function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}

提示：有关显示和可见性的更多信息，请阅读我们的CSS 显示教程。