Jednostki miary w atrybucie style w JavaScript
Przy określaniu wartości właściwości
przez atrybut style musimy
podawać jednostki miary:
elem.style.width = '100px';
Podczas odczytywania wartości również będą one pobierane z jednostkami miary:
let width = elem.style.width;
console.log(width); // wypisze '100px';
W razie potrzeby możemy pozbyć się
jednostek miary za pomocą parseInt:
let width = elem.style.width;
console.log(parseInt(width)); // wypisze 100
Jeśli przewidywane są wartości ułamkowe,
można skorzystać z funkcji parseFloat:
let width = elem.style.width;
console.log(parseFloat(width));
Dany jest div i przycisk. Po naciśnięciu przycisku
ustaw divowi szerokość na 400px,
a wysokość na 300px.
Dany jest div:
<div id="elem" style="width: 300px; height: 200px;">
text
</div>
Dany jest również przycisk. Po kliknięciu przycisku wypisz szerokość i wysokość diva bez jednostek miary.
Dany jest div:
<div id="elem" style="font-size: 1.5em;">
text
</div>
Dany jest również przycisk. Po kliknięciu przycisku wypisz rozmiar czcionki diva bez jednostek miary.
