Преобразуване на прочетените стойности в JavaScript
Функцията getComputedStyles не получава
точно стойностите, които са зададени в CSS.
Тя ги преобразува в абсолютни стойности,
обикновено в пиксели.
Нека да разгледаме пример. Да предположим, че имаме зададена ширина в проценти:
#elem {
width: 100%;
}
Въпреки това, при четене на ширината ще получим стойност не в проценти, а в пиксели:
console.log(computedStyle.width); // стойност в px
За елемента са зададени следните стилове:
#elem {
font-size: 2em;
}
При кликване на бутона изведете размера на шрифта на елемента.
