如何檢查元素是否隱藏

學習如何使用 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") {
    // 執行某些操作..
  }
}