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:
#elem {
width: 100%;
}
Namun, saat membaca lebar, kita akan mendapatkan nilai bukan dalam persentase, melainkan dalam piksel:
console.log(computedStyle.width); // nilai dalam px
Untuk elemen, ditetapkan gaya berikut:
#elem {
font-size: 2em;
}
Saat tombol diklik, tampilkan ukuran font elemen.