Como - Verificar se um elemento está oculto
Saiba como descobrir se um elemento está oculto com JavaScript.
Verificar elemento oculto
Exemplo
Se o elemento <div> estiver oculto, faça algo:
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}
Nota: Quando um elemento está oculto com display:none
(como no exemplo acima), o elemento não ocupará nenhum espaço.
Para descobrir se um elemento está oculto com visibility:hidden
, veja o exemplo abaixo. Este elemento "oculto" ocupará espaço.
Exemplo
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
Dica: confira também Como - Toggle Hide/Show .
Dica: para obter mais informações sobre Exibição e Visibilidade, leia nosso Tutorial de Exibição de CSS .