Gewusst wie: Überprüfen Sie, ob ein Element ausgeblendet ist
Erfahren Sie, wie Sie mit JavaScript herausfinden, ob ein Element ausgeblendet ist.
Überprüfen Sie das ausgeblendete Element
Beispiel
Wenn das <div>-Element ausgeblendet ist, tun Sie etwas:
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}
Hinweis: Wenn ein Element mit ausgeblendet ist display:none
(wie im obigen Beispiel), nimmt das Element keinen Platz ein.
Um herauszufinden, ob ein Element mit ausgeblendet ist visibility:hidden
, sehen Sie sich das Beispiel unten an. Dieses "versteckte" Element nimmt Platz ein.
Beispiel
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
Tipp: Sehen Sie sich auch How To - Toggle Hide/Show an .
Tipp: Weitere Informationen zu Anzeige und Sichtbarkeit finden Sie in unserem CSS-Anzeige-Tutorial .