Unități de măsură în atributul style în JavaScript
La specificarea valorilor proprietăților
prin atributul style trebuie să
indicăm unitățile de măsură:
javascriptelem.style.width = '100px';
La citirea valorilor acestea vor fi obținute cu unitățile de măsură:
javascriptlet width = elem.style.width;
console.log(width); // va afișa '100px';
Dacă este necesar, putem elimina
unitățile de măsură folosind parseInt:
javascriptlet width = elem.style.width;
console.log(parseInt(width)); // va afișa 100
Dacă se preconizează valori fracționale,
se poate utiliza funcția parseFloat:
javascriptlet width = elem.style.width;
console.log(parseFloat(width));
Задание 1
Este dat un div și un buton. La click pe buton
setați div-ului lățimea de 400px,
iar înălțimea de 300px.
Задание 2
Este dat un div:
html<div id="elem" style="width: 300px; height: 200px;">
text
</div>
De asemenea, este dat un buton. La click pe buton afișați lățimea și înălțimea div-ului fără unități de măsură.
Задание 3
Este dat un div:
html<div id="elem" style="font-size: 1.5em;">
text
</div>
De asemenea, este dat un buton. La click pe buton afișați dimensiunea fontului div-ului fără unități de măsură.