Wie prüft man, ob ein Element versteckt ist

Lernen Sie, wie Sie mit JavaScript prüfen, ob ein Element versteckt ist.

Prüfen Sie versteckte Elemente

Beispiel

Führen Sie folgende Aktionen aus, wenn das <div>-Element versteckt ist:

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).display === "none") {
    // Ausführung bestimmter Aktionen...
  }
}

versuchen Sie es selbst

Hinweis:wenn display:none wenn ein Element versteckt wird (wie im obigen Beispiel gezeigt), belegt es keinen Platz.

um zu ermitteln, ob ein Element durch visibility:hidden versteckt, siehe untenstehendes Beispiel. Der versteckte Element belegt Platz.

Beispiel

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).visibility === "hidden") {
    // Ausführung bestimmter Aktionen...
  }
}

versuchen Sie es selbst

zugehörige Seite

Anleitung:CSS-Anzeige

Anleitung:如何切换隐藏/显示元素