Måleenheder i style-attributten i JavaScript
Når vi angiver værdier for egenskaber
via attributten style skal vi
angive måleenheder:
elem.style.width = '100px';
Ved læsning af værdier vil de også komme med måleenheder:
let width = elem.style.width;
console.log(width); // vil udskrive '100px';
Hvis nødvendigt kan vi fjerne
måleenhederne med parseInt:
let width = elem.style.width;
console.log(parseInt(width)); // vil udskrive 100
Hvis der forventes brøkværdier,
kan du bruge funktionen parseFloat:
let width = elem.style.width;
console.log(parseFloat(width));
Der gives en div og en knap. Ved klik på knappen
sæt divens bredde til 400px,
og højden til 300px.
Der gives en div:
<div id="elem" style="width: 300px; height: 200px;">
text
</div>
Der gives også en knap. Ved klik på knappen udskriv divens bredde og højde uden måleenheder.
Der gives en div:
<div id="elem" style="font-size: 1.5em;">
text
</div>
Der gives også en knap. Ved klik på knappen udskriv divens skriftstørrelse uden måleenheder.
