Mērvienības style atribūtā JavaScript

Norādot īpašību vērtības caur atribūtu style mums jānorāda mērvienības:

javascriptelem.style.width = '100px';

Lasot vērtības tās arī tiks iegūtas ar mērvienībām:

javascriptlet width = elem.style.width;
console.log(width); // izvadīs '100px';

Ja nepieciešams, mēs varam atbrīvoties no mērvienībām, izmantojot parseInt:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // izvadīs 100

Ja paredzētas daļskaitļu vērtības, var izmantot funkciju parseFloat:

javascriptlet width = elem.style.width;
console.log(parseFloat(width));
Задание 1

Dots div un poga. Nospiežot pogu iestatiet div platumu 400px, augstumu 300px.

Задание 2

Dots div:

html<div id="elem" style="width: 300px; height: 200px;">
  text
</div>

Dota arī poga. Noklikšķinot uz pogas izvadiet div platumu un augstumu bez mērvienībām.

Задание 3

Dots div:

html<div id="elem" style="font-size: 1.5em;">
  text
</div>

Dota arī poga. Noklikšķinot uz pogas izvadiet div fonta izmēru bez mērvienībām.