Μετατροπή των τιμών που διαβάζονται σε JavaScript
Η συνάρτηση getComputedStyles δεν λαμβάνει
ακριβώς τις τιμές που ορίστηκαν στο CSS.
Τις μετατρέπει σε απόλυτες τιμές,
συνήθως σε pixels.
Ας δούμε ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε ορίσει ένα πλάτος σε ποσοστά:
#elem {
width: 100%;
}
Ωστόσο, όταν διαβάζουμε το πλάτος, θα λάβουμε μια τιμή όχι σε ποσοστά, αλλά σε pixels:
console.log(computedStyle.width); // τιμή σε px
Για το στοιχείο έχουν οριστεί τα ακόλουθα στυλ:
#elem {
font-size: 2em;
}
Με κλικ στο κουμπί, εμφανίστε το μέγεθος γραμματοσειράς του στοιχείου.