JavaScript'te Okunan Değerlerin Dönüştürülmesi
getComputedStyles işlevi, CSS'te belirlenen
değerlerin tam olarak aynısını almaz.
Onları mutlak değerlere, genellikle
piksel cinsine dönüştürür.
Bir örnek üzerinden inceleyelim. Genişliğin yüzde olarak belirlendiğini varsayalım:
#elem {
width: 100%;
}
Ancak genişliği okuduğumuzda, yüzde cinsinden bir değer değil, piksel cinsinden bir değer elde ederiz:
console.log(computedStyle.width); // px cinsinden değer
Element için aşağıdaki stiller belirlenmiştir:
#elem {
font-size: 2em;
}
Butona tıklandığında, elementin yazı tipi boyutunu yazdırın.
