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:
#elem {
width: 100%;
}
Kun luemme leveyden, saamme kuitenkin arvon ei prosentteina, vaan pikseleinä:
console.log(computedStyle.width); // arvo px-yksiköissä
Elementille on määritetty seuraavat tyylit:
#elem {
font-size: 2em;
}
Klikkaamalla painiketta tulosta elementin fontin koko.
