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:

css#elem {
  width: 100%;
}

Cu toate acestea, atunci când citim lățimea, vom obține valoarea nu în procente, ci în pixeli:

javascriptconsole.log(computedStyle.width); // valoarea în px

css#elem {
  font-size: 2em;
}