Wie kann ich die CSS-Eigenschaft „display' eines Elements in JavaScript überprüfen?

So überprüfen Sie die CSS-Anzeigeeigenschaft eines Elements mit JavaScript

In JavaScript ist es möglich, die CSS-Eigenschaften eines Elements, einschließlich der Anzeigeeigenschaft, zu überprüfen. Sie können mit verschiedenen Methoden überprüfen, ob die Anzeige eines Elements entweder auf „Block“ oder „Keine“ eingestellt ist:

Verwenden des berechneten Stils

Wenn die Anzeige eines Elements geerbt oder durch eine CSS-Regel definiert wird, Sie müssen den berechneten Stil abrufen:

const display = window.getComputedStyle(element, null).display;

Dies gibt eine Zeichenfolge zurück, die den berechneten Anzeigewert darstellt, der „Block“ sein kann. „none“ oder eine andere gültige Anzeigeeigenschaft.

Verwendung der Style-Eigenschaft

Wenn die Anzeige des Elements direkt mithilfe von Inline-Stilen oder JavaScript festgelegt wird, können Sie über die Style-Eigenschaft darauf zugreifen:

const display = document.getElementById('someIDThatExists').style.display;

Dadurch wird auch ein Zeichenfolgenwert zurückgegeben, der die aktuelle Einstellung der Anzeigeeigenschaft angibt.

Das obige ist der detaillierte Inhalt vonWie kann ich die CSS-Eigenschaft „display' eines Elements in JavaScript überprüfen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!