Comment vérifier si un élément est caché

Apprenez à utiliser JavaScript pour vérifier si un élément est caché.

Vérifiez l'élément caché

Exemple

Si l'élément <div> est caché, effectuez les opérations suivantes :

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).display === "none") {
    // Exécuter certaines opérations..
  }
}

Essayez-le vous-même

Attention :Lorsque vous utilisez display:none Lorsque vous cachez un élément (comme dans l'exemple ci-dessus), cet élément n'occupe pas d'espace.

Pour déterminer si un élément est caché via visibility:hidden Masqué, voir l'exemple ci-dessous. Cet élément "masqué" occupe de l'espace.

Exemple

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).visibility === "hidden") {
    // Exécuter certaines opérations..
  }
}

Essayez-le vous-même

Page liée

Tutoriel :CSS Affichage

Tutoriel :Comment basculer entre masquer / afficher un élément