Jednostki miary w atrybucie style w JavaScript
Przy określaniu wartości właściwości
przez atrybut style musimy
podawać jednostki miary:
javascriptelem.style.width = '100px';
Podczas odczytywania wartości również będą one pobierane z jednostkami miary:
javascriptlet width = elem.style.width;
console.log(width); // wypisze '100px';
W razie potrzeby możemy pozbyć się
jednostek miary za pomocą parseInt:
javascriptlet width = elem.style.width;
console.log(parseInt(width)); // wypisze 100
Jeśli przewidywane są wartości ułamkowe,
można skorzystać z funkcji parseFloat:
javascriptlet width = elem.style.width;
console.log(parseFloat(width));
Задание 1
Dany jest div i przycisk. Po naciśnięciu przycisku
ustaw divowi szerokość na 400px,
a wysokość na 300px.
Задание 2
Dany jest div:
html<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.
Задание 3
Dany jest div:
html<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.