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

Ü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!