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:

css#elem {
  width: 100%;
}

Tačiau skaitant plotį mes gausime reikšmę ne procentais, o pikseliais:

javascriptconsole.log(computedStyle.width); // reikšmė px
Задание 1

Elementui nustatyti šie stiliai:

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

Paspaudus mygtuką, išveskite elemento šrifto dydį.