Wie rufe ich HTML-Elementstilwerte in JavaScript in verschiedenen Browsern ab?

HTML-Elementstilwerte in JavaScript abrufen In JavaScript ist das Abrufen des Inline-Stils eines Elements unkompliziert. Der Zugriff auf Stile, die über die Funktion festgelegt wurden, ist jedoch nicht möglich. -Tag erfordert einen etwas anderen Ansatz.

Um berechnete Stilwerte abzurufen, stellt JavaScript die Methode getComputedStyle bereit, auf die über das document.defaultView-Objekt zugegriffen werden kann. Diese Methode standardisiert den browserübergreifenden Abruf und stellt Werte in Pixeleinheiten konvertiert dar. So verwenden Sie es:

let element = document.getElementById("box"); let width = getComputedStyle(element).getPropertyValue("width"); Für ältere Browser wie Internet Explorer ist ein anderer Ansatz erforderlich. IE unterstützt die Eigenschaft element.currentStyle, die Namen von Stileigenschaften im CamelCase-Format erwartet und Werte in ihren Originaleinheiten zurückgibt:

let width = element.currentStyle.width; Um die browserübergreifende Kompatibilität sicherzustellen, können Sie eine Hilfsfunktion wie die folgende verwenden: