Luettujen arvojen muuntaminen JavaScriptissä

Funktio getComputedStyles ei saa täsmälleen niitä arvoja, jotka on määritetty CSS:ssä. Se muuntaa ne absoluuttisiksi arvoiksi, yleensä pikseleiksi.

Katsotaanpa esimerkkiä. Oletetaan, että leveys on määritetty prosentteina:

css#elem {
  width: 100%;
}

Kun luemme leveyden, saamme kuitenkin arvon ei prosentteina, vaan pikseleinä:

javascriptconsole.log(computedStyle.width); // arvo px-yksiköissä

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