检查元素是否隐藏

---

了解如何使用 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 显示教程。