Como verificar se um elemento está oculto

Aprenda a usar JavaScript para verificar se um elemento está oculto.

Verificar o elemento oculto

Exemplo

Se o elemento <div> estiver oculto, execute as seguintes operações:

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).display === "none") {
    // Executar algumas operações..
  }
}

Experimente pessoalmente

Atenção:Ao usar display:none Quando ocultar um elemento (como no exemplo acima), o elemento não ocupará nenhum espaço.

Para determinar se um elemento está oculto através visibility:hidden Ocultar, consulte o exemplo abaixo. Este elemento "oculto" ocupará espaço.

Exemplo

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).visibility === "hidden") {
    // Executar algumas operações..
  }
}

Experimente pessoalmente

Páginas relacionadas

Tutorial:CSS Exibição

Tutorial:Como alternar entre ocultar/mostrar elementos