Hoe controleer je of een element verborgen is

leer hoe je met JavaScript kunt controleren of een element verborgen is.

controleer het verborgen element

voorbeeld

Als de <div>-element verborgen is, voer dan de volgende acties uit:

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).display === "none") {
    // Voer bepaalde acties uit...
  }
}

probeer het zelf

opmerking:bij het gebruik van display:none wanneer een element verborgen is (zoals in het voorbeeld hierboven), zal dit element geen ruimte innemen.

om te controleren of een element verborgen is via visibility:hidden verborgen, zie het voorbeeld hieronder. Dit "verborgen" element neemt ruimte in beslag.

voorbeeld

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).visibility === "hidden") {
    // Voer bepaalde acties uit...
  }
}

probeer het zelf

gerelateerde pagina

Tutorial:CSS Weergave

Tutorial:How to toggle hide/show elements