Jak sprawdzić, czy element jest ukryty

Naucz się, jak używać JavaScript do sprawdzania, czy element jest ukryty.

Sprawdź ukryty element

Przykład

Jeśli element <div> jest ukryty, wykonaj następujące operacje:

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

Spróbuj sam

Uwaga:Kiedy używasz display:none Kiedy element jest ukryty (jak w przykładzie powyżej), element nie zajmuje żadnej przestrzeni.

Aby dowiedzieć się, czy element jest ukryty visibility:hidden Ukryte, zobacz poniższy przykład. Element "ukryty" zajmuje przestrzeń.

Przykład

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

Spróbuj sam

powiązane strony

Tutorial:CSS wyświetlanie

Tutorial:Jak przełączać ukrywanie/wyświetlanie elementu