如何 - 检查元素是否隐藏
了解如何使用 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") {
// 执行某些操作..
}
}
自己尝试 »
提示： 也请查看 如何 - 切换隐藏/显示。
提示： 有关显示和可见性的更多信息，请阅读我们的 CSS 显示教程。
