Loetud väärtuste teisendamine JavaScriptis

Funktsioon getComputedStyles ei saa täpselt samu väärtusi, mis on CSS-is määratud. See teisendab need absoluutseteks väärtusteks, tavaliselt piksliteks.

Vaatame näidet. Oletame, et laius on määratud protsentides:

css#elem {
  width: 100%;
}

Kuid laiuse lugemisel saame väärtuse mitte protsentides, vaid pikslites:

javascriptconsole.log(computedStyle.width); // väärtus px-des
Задание 1

Elemendi jaoks on määratud järgmised stiilid:

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

Nupu vajutamisel kuvage elemendi fondi suurus.