Überprüfen Sie das Element-CSS-Display mit JavaScript

Question

Ist es möglich zu überprüfen, ob das CSS-Attribut display == block oder none eines Elements mit JavaScript festgelegt ist?

Answer 1

Grundlegendes JavaScript:

if (document.getElementById("elementId").style.display == 'block') { 
  alert('Dieses Element ist blockiert'); 
}

Answer 2

Um herauszufinden, ob es mit einfachem JavaScript sichtbar ist, überprüfen Sie, ob die Anzeigeeigenschaft 'none' ist (überprüfen Sie nicht auf 'block', es könnte auch leer oder 'inline' sein und trotzdem sichtbar sein):

var isVisible = (elt.style.display != "none");

Wenn Sie jQuery verwenden, können Sie stattdessen Folgendes verwenden:

var isVisible = $elt.is(":visible");

Answer 3

Sie können es z.B. mit jQuery überprüfen:

$("#elementID").css('display');

Es wird eine Zeichenfolge mit Informationen über die Anzeige-Eigenschaft dieses Elements zurückgeben.

Answer 4

Mit reinem JavaScript können Sie die style.display-Eigenschaft überprüfen. Mit jQuery können Sie $('#id').css('display') verwenden