Wie kann ich die Stilwerte eines HTML-Elements in JavaScript abrufen, ohne externe Bibliotheken zu verwenden?

Stilwerte von HTML-Elementen in JavaScript abrufen

Um Stilinformationen von einem HTML-Element abzurufen, das mit der Funktion Tag ohne Verwendung von Bibliotheken können Sie auf den berechneten Stil statt auf den Inline-Stil zugreifen.

Browserübergreifende Kompatibilität

IE verwendet die Eigenschaft element.currentStyle, während andere Browser die Eigenschaft verwenden Implementieren Sie die DOM Level 2-Methode document.defaultView.getComputedStyle(el, null).getPropertyValue(styleProp). Um diesen Unterschied zu bewältigen, wird eine browserübergreifende Funktion bereitgestellt:

Um den Breitenwert im bereitgestellten Code-Snippet zu erhalten , verwenden Sie Folgendes:

var boxWidth = getStyle(document.getElementById("box"), "width");