Јединице мере у атрибуту style у JavaScript-у
При навођењу вредности својстава
преко атрибута style морамо
навести јединице мере:
elem.style.width = '100px';
При читању вредности оне ће такође бити добијене са јединицама мере:
let width = elem.style.width;
console.log(width); // исписаће '100px';
По потреби можемо се ослободити
јединица мере помоћу parseInt:
let width = elem.style.width;
console.log(parseInt(width)); // исписаће 100
Ако су предвиђене разломљене вредности,
може се користити функција parseFloat:
let width = elem.style.width;
console.log(parseFloat(width));
Дато је div и дугме. При притиску на дугме
поставите div-у ширину од 400px,
а висину од 300px.
Дато је div:
<div id="elem" style="width: 300px; height: 200px;">
text
</div>
Дато је такође дугме. При клику на дугме испишите ширину и висину div-а без јединица мере.
Дато је div:
<div id="elem" style="font-size: 1.5em;">
text
</div>
Дато је такође дугме. При клику на дугме испишите величину фонта div-а без јединица мере.
