Miten tarkistaa, onko elementti piilotettu

Opit, miten JavaScriptillä tarkistetaan, onko elementti piilotettu.

Tarkista piilotettu elementti

Esimerkki

Jos <div>-elementti on piilotettu, suorita seuraavat toimenpiteet:

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).display === "none") {
    // Suorita jokin toiminto...
  }
}

Kokeile itse

Huomaa:Kun käytetään display:none Kun piilotetaan elementti (kuten yllä olevassa esimerkissä näkyy), elementti ei vie tilaa.

Tarkista, onko jokin elementti piilotettu visibility:hidden Piilotettu, katso alla oleva esimerkki. Tämä "piilotettu" elementti vie tilaa.

Esimerkki

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).visibility === "hidden") {
    // Suorita jokin toiminto...
  }
}

Kokeile itse

liittyvät sivut

Oppitunnit:CSS näyttö

Oppitunnit:Miten vaihtaa piilottaa ja näyttää elementtiä