Heim >Web-Frontend >CSS-Tutorial >Wie kann ich den CSS-Eigenschaftswert „display' eines Elements (Block oder keiner) mit JavaScript überprüfen?

Wie kann ich den CSS-Eigenschaftswert „display' eines Elements (Block oder keiner) mit JavaScript überprüfen?

Barbara Streisand
Barbara StreisandOriginal
2024-11-23 10:15:12675Durchsuche

How Can I Check an Element's CSS `display` Property Value (block or none) with JavaScript?

Überprüfen der CSS-Anzeige von Elementen mit JavaScript

Können Sie feststellen, ob die CSS-Anzeigeeigenschaft eines Elements auf „Block“ oder „Keine“ gesetzt ist? JavaScript?

Antworten:

Verwenden des berechneten Stils für geerbte oder gestaltete Elemente:

Wie von sdleihssirhc erwähnt, wenn die Wenn die Anzeige des Elements geerbt oder durch eine CSS-Regel definiert wird, müssen Sie die berechnete Anzeige abrufen style:

return window.getComputedStyle(element, null).display;

Verwenden der Style-Eigenschaft für Inline- oder JavaScript-Set-Styles:

Elemente verfügen über eine Style-Eigenschaft, die Informationen über ihre Inline-Styles oder Style-Sets bereitstellt mit JavaScript:

console.log(document.getElementById('someIDThatExists').style.display);

Dadurch erhalten Sie eine Zeichenfolge, die den aktuellen Anzeigewert darstellt.

Das obige ist der detaillierte Inhalt vonWie kann ich den CSS-Eigenschaftswert „display' eines Elements (Block oder keiner) mit JavaScript überprüfen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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