Heim > Web-Frontend > CSS-Tutorial > Wie kann ich die CSS-Eigenschaft „display' eines Elements in JavaScript überprüfen?

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

DDD
Freigeben: 2024-11-22 13:34:12
Original
562 Leute haben es durchsucht

How Can I Check an Element's CSS `display` Property in JavaScript?

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;
Nach dem Login kopieren

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;
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage