Cómo - Comprobar si un elemento está oculto
Aprenda a saber si un elemento está oculto con JavaScript.
Comprobar elemento oculto
Ejemplo
Si el elemento <div> está oculto, haz algo:
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}
Nota: cuando un elemento se oculta con display:none
(como en el ejemplo anterior), el elemento no ocupará ningún espacio.
Para saber si un elemento está oculto con visibility:hidden
, vea el ejemplo a continuación. Este elemento "oculto" ocupará espacio.
Ejemplo
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
Sugerencia: Consulte también Cómo - Alternar Ocultar/Mostrar .
Sugerencia: para obtener más información acerca de la visualización y la visibilidad, lea nuestro Tutorial de visualización de CSS .