Konwersja odczytanych wartości w JavaScript
Funkcja getComputedStyles nie pobiera
dokładnie tych wartości, które zostały ustawione w CSS.
Konwertuje je na wartości bezwzględne,
zwykle w pikselach.
Spójrzmy na przykład. Załóżmy, że mamy ustawioną szerokość w procentach:
#elem {
width: 100%;
}
Jednak przy odczycie szerokości otrzymamy wartość nie w procentach, ale w pikselach:
console.log(computedStyle.width); // wartość w px
Dla elementu ustawiono następujące style:
#elem {
font-size: 2em;
}
Po kliknięciu przycisku wypisz rozmiar czcionki elementu.