Conversia valorilor citite în JavaScript
Funcția getComputedStyles nu obține
exact valorile care au fost setate în CSS.
Ea le transformă în valori absolute,
de obicei în pixeli.
Să ne uităm la un exemplu. Să presupunem că avem lățimea setată în procente:
#elem {
width: 100%;
}
Cu toate acestea, atunci când citim lățimea, vom obține valoarea nu în procente, ci în pixeli:
console.log(computedStyle.width); // valoarea în px
Pentru element sunt setate următoarele stiluri:
#elem {
font-size: 2em;
}
La click pe buton, afișați dimensiunea fontului elementului.