Hoe - Controleren of een element verborgen is
Leer hoe u kunt achterhalen of een element verborgen is met JavaScript.
Controleer verborgen element
Voorbeeld
Als het <div>-element verborgen is, doe dan iets:
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}
Opmerking: Wanneer een element wordt verborgen met display:none
(zoals in het bovenstaande voorbeeld), neemt het element geen ruimte in beslag.
visibility:hidden
Zie het onderstaande voorbeeld om te zien of een element verborgen is met . Dit "verborgen" element neemt ruimte in beslag.
Voorbeeld
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
Tip: kijk ook eens bij How To - Toggle Hide/Show .
Tip: Voor meer informatie over Display en Visibility, lees onze CSS Display Tutorial .