Mittayksiköt style-attribuutissa JavaScriptissä

Kun määritetään ominaisuuksien arvoja style-attribuutin kautta, meidän on annettava mittayksiköt:

javascriptelem.style.width = '100px';

Kun arvoja luetaan, ne saadaan myös mittayksiköiden kanssa:

javascriptlet width = elem.style.width;
console.log(width); // tulostaa '100px';

Tarvittaessa voimme päästä eroon mittayksiköistä käyttämällä parseInt:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // tulostaa 100

Jos oletetaan murtolukuarvoja, voidaan käyttää parseFloat-funktiota:

javascriptlet width = elem.style.width;
console.log(parseFloat(width));

html<div id="elem" style="width: 300px; height: 200px;">
  text
</div>

html<div id="elem" style="font-size: 1.5em;">
  text
</div>