Sådan tjekker man, om et element er skjult

Lær, hvordan man bruger JavaScript til at kontrollere, om et element er skjult.

kontroller de skjulte elementer

eksempel

Hvis <div>-elementet er skjult, skal følgende handlinger udføres:

function myFunction() {
  var x = document.getElementById("myDIV");
  hvis (window.getComputedStyle(x).display === "none") {
    // udfør nogle operationer...
  }
}

prøv det selv

Bemærk:når der bruges display:none når et element er skjult (som i eksemplet ovenfor), tager det ingen plads.

for at finde ud af, om et element er skjult gennem visibility:hidden skjult, se nedenstående eksempel. Denne "skjulte" element tager plads.

eksempel

function myFunction() {
  var x = document.getElementById("myDIV");
  hvis (window.getComputedStyle(x).visibility === "hidden") {
    // udfør nogle operationer...
  }
}

prøv det selv

relaterede sider

Tutorial:CSS visning

Tutorial:How to toggle hide/show elements