Perskaitytų reikšmių transformavimas JavaScript
Funkcija getComputedStyles negauta
būtent tos reikšmės, kurios buvo nustatytos CSS.
Ji transformuoja jas į absoliučias reikšmes,
dažniausiai į pikselius.
Pažiūrėkime pavyzdį. Tarkime, kad mums nustatytas plotis procentais:
#elem {
width: 100%;
}
Tačiau skaitant plotį mes gausime reikšmę ne procentais, o pikseliais:
console.log(computedStyle.width); // reikšmė px
Elementui nustatyti šie stiliai:
#elem {
font-size: 2em;
}
Paspaudus mygtuką, išveskite elemento šrifto dydį.