如何检查元素是否隐藏

学习如何使用 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") {
    // 执行某些操作..
  }
}