Konversi Nilai yang Dibaca di JavaScript

Fungsi getComputedStyles tidak mendapatkan persis nilai yang ditetapkan di CSS. Ia mengubahnya menjadi nilai absolut, biasanya dalam piksel.

Mari kita lihat sebuah contoh. Misalkan kita memiliki lebar yang ditetapkan dalam persentase:

css#elem {
  width: 100%;
}

Namun, saat membaca lebar, kita akan mendapatkan nilai bukan dalam persentase, melainkan dalam piksel:

javascriptconsole.log(computedStyle.width); // nilai dalam px

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