Conversione dei valori letti in JavaScript
La funzione getComputedStyles non ottiene
esattamente gli stessi valori che sono stati impostati nel CSS.
Li converte in valori assoluti,
solitamente in pixel.
Diamo un'occhiata a un esempio. Supponiamo di avere una larghezza impostata in percentuale:
#elem {
width: 100%;
}
Tuttavia, quando leggiamo la larghezza, otterremo un valore non in percentuale, ma in pixel:
console.log(computedStyle.width); // valore in px
Per l'elemento sono impostati i seguenti stili:
#elem {
font-size: 2em;
}
Al click sul pulsante, stampa la dimensione del font dell'elemento.
