Πώς να ελέγξετε αν ένα στοιχείο είναι απόκρυφο

Μάθετε πώς να χρησιμοποιείτε το JavaScript για να ελέγξετε αν ένα στοιχείο είναι απόκρυφο.

Έλεγχος απόκρυφων στοιχείων

Παράδειγμα

Αν το στοιχείο <div> είναι απόκρυφο, εκτελέστε τις παρακάτω ενέργειες:

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).display === "none") {
    // Εκτέλεση ορισμένων ενεργειών..
  }
}

Προσωπική δοκιμή

Σημείωση:Όταν χρησιμοποιείται display:none Όταν ένα στοιχείο είναι απόκρυφο (όπως στο παραπάνω παράδειγμα), δεν θα καταλαμβάνει καμία θέση.

Για να διαπιστωθεί αν ένα στοιχείο είναι απόκρυφο visibility:hidden Απόκρυψη, δείτε παρακάτω το παράδειγμα. Ο στοιχείο που είναι απόκρυφος θα καταλαμβάνει χώρο.

Παράδειγμα

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).visibility === "hidden") {
    // Εκτέλεση ορισμένων ενεργειών..
  }
}

Προσωπική δοκιμή

Σχετικές σελίδες

Εκμάθηση:CSS Εμφάνιση

Εκμάθηση:Πώς να αλλάξω την εμφάνιση και την εξαφάνιση στοιχείων