Enote merjenja v atributu style v JavaScriptu
Pri določanju vrednosti lastnosti
prek atributa style moramo
navedeti enote merjenja:
javascriptelem.style.width = '100px';
Pri branju vrednosti bodo te tudi pridobljene z enotami merjenja:
javascriptlet width = elem.style.width;
console.log(width); // izpiše '100px';
Po potrebi se lahko znebimo
enot merjenja s pomočjo parseInt:
javascriptlet width = elem.style.width;
console.log(parseInt(width)); // izpiše 100
Če so predvidene delne vrednosti,
lahko uporabimo funkcijo parseFloat:
javascriptlet width = elem.style.width;
console.log(parseFloat(width));
Задание 1
Podan je div in gumb. Ob kliku na gumb
nastavite divu širino 400px,
in višino 300px.
Задание 2
Podan je div:
html<div id="elem" style="width: 300px; height: 200px;">
text
</div>
Podan je tudi gumb. Ob kliku na gumb izpišite širino in višino diva brez enot merjenja.
Задание 3
Podan je div:
html<div id="elem" style="font-size: 1.5em;">
text
</div>
Podan je tudi gumb. Ob kliku na gumb izpišite velikost pisave diva brez enot merjenja.