Come fare per - Controlla se un elemento è nascosto
Scopri come scoprire se un elemento è nascosto con JavaScript.
Controlla elemento nascosto
Esempio
Se l'elemento <div> è nascosto, fai qualcosa:
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}
Nota: quando un elemento è nascosto con display:none
(come nell'esempio sopra), l'elemento non occuperà spazio.
Per scoprire se un elemento è nascosto con visibility:hidden
, vedere l'esempio seguente. Questo elemento "nascosto" occuperà spazio.
Esempio
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
Suggerimento: dai un'occhiata anche a Come - Attiva/Disattiva Nascondi/Mostra .
Suggerimento: per ulteriori informazioni su Display e Visibilità, leggi il nostro tutorial CSS Display .