Hoe controleer je of een element verborgen is
- Previous page Offline detection
- Next page Redirect web page
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... } }
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... } }
gerelateerde pagina
Tutorial:CSS Weergave
Tutorial:How to toggle hide/show elements
- Previous page Offline detection
- Next page Redirect web page