Hur man kontrollerar om ett element är gömt

Föregående sida Offline-detektion
Nästa sida Omdirigera webbsida

Lär dig hur du använder JavaScript för att kontrollera om ett element är gömt.

Kontrollera gömda element

Exempel

Om <div>-elementet göms, utför följande:

function myFunction() {
  var x = document.getElementById("myDIV");
  om (window.getComputedStyle(x).display === "none") {
    // Utför vissa operationer...
  }
}

Prova själv

Observera:När du använder display:none När du gömmer ett element (som i föregående exempel), kommer elementet inte att ta upp något utrymme.

För att fastställa om en element är gömt genom visibility:hidden Gömma, se exempel nedan. Detta gömda element tar upp utrymme.

Exempel

function myFunction() {
  var x = document.getElementById("myDIV");
  om (window.getComputedStyle(x).visibility === "hidden") {
    // Utför vissa operationer...
  }
}

Prova själv