Comment - Vérifier si un élément est masqué
Découvrez comment savoir si un élément est masqué avec JavaScript.
Vérifier l'élément caché
Exemple
Si l'élément <div> est masqué, faites quelque chose :
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}
Remarque : Lorsqu'un élément est masqué avec display:none
(comme dans l'exemple ci-dessus), l'élément ne prendra pas de place.
Pour savoir si un élément est caché avec visibility:hidden
, voir l'exemple ci-dessous. Cet élément "caché" prendra de la place.
Exemple
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
Conseil : consultez également Comment - Basculer Masquer/Afficher .
Conseil : Pour plus d'informations sur l'affichage et la visibilité, lisez notre didacticiel d'affichage CSS .