Konvertierung von gelesenen Werten in JavaScript
Die Funktion getComputedStyles erhält nicht
genau die Werte, die in CSS festgelegt wurden.
Sie konvertiert sie in absolute Werte,
normalerweise in Pixel.
Schauen wir uns ein Beispiel an. Nehmen wir an, wir haben eine Breite in Prozent festgelegt:
#elem {
width: 100%;
}
Beim Auslesen der Breite erhalten wir jedoch nicht den Wert in Prozent, sondern in Pixeln:
console.log(computedStyle.width); // Wert in px
Für das Element sind die folgenden Styles festgelegt:
#elem {
font-size: 2em;
}
Geben Sie beim Klicken auf den Button die Schriftgröße des Elements aus.