Mértékegységek a style attribútumban JavaScriptben
A tulajdonságok értékeinek megadásakor
a style attribútumon keresztül
meg kell adnunk a mértékegységeket:
elem.style.width = '100px';
Az értékek olvasásakor azok szintén a mértékegységekkel együtt szerezhetők be:
let width = elem.style.width;
console.log(width); // kiírja '100px';
Szükség esetén megszabadulhatunk
a mértékegységektől a parseInt segítségével:
let width = elem.style.width;
console.log(parseInt(width)); // kiírja 100
Ha törtszámok várhatók,
használhatjuk a parseFloat függvényt:
let width = elem.style.width;
console.log(parseFloat(width));
Adott egy div és egy gomb. A gomb megnyomásakor
állítsd be a div szélességét 400px-re,
magasságát pedig 300px-ra.
Adott egy div:
<div id="elem" style="width: 300px; height: 200px;">
text
</div>
Adott továbbá egy gomb. A gombra kattintva írd ki a div szélességét és magasságát mértékegységek nélkül.
Adott egy div:
<div id="elem" style="font-size: 1.5em;">
text
</div>
Adott továbbá egy gomb. A gombra kattintva írd ki a div betűméretét mértékegységek nélkül.
