Unità di misura nell'attributo style in JavaScript
Quando si specificano i valori delle proprietà
tramite l'attributo style dobbiamo
indicare le unità di misura:
javascriptelem.style.width = '100px';
Durante la lettura dei valori, anche questi saranno ottenuti con le unità di misura:
javascriptlet width = elem.style.width;
console.log(width); // visualizzerà '100px';
Se necessario, possiamo eliminare
le unità di misura utilizzando parseInt:
javascriptlet width = elem.style.width;
console.log(parseInt(width)); // visualizzerà 100
Se sono previsti valori frazionari,
si può utilizzare la funzione parseFloat:
javascriptlet width = elem.style.width;
console.log(parseFloat(width));
Dato un div e un pulsante. Alla pressione del pulsante
imposta la larghezza del div a 400px,
e l'altezza a 300px.
Dato un div:
html<div id="elem" style="width: 300px; height: 200px;">
text
</div>
Dato anche un pulsante. Al click sul pulsante visualizza la larghezza e l'altezza del div senza unità di misura.
Dato un div:
html<div id="elem" style="font-size: 1.5em;">
text
</div>
Dato anche un pulsante. Al click sul pulsante visualizza la dimensione del font del div senza unità di misura.