Unidades de medida en el atributo style en JavaScript
Al especificar valores de propiedades
a través del atributo style,
debemos indicar las unidades de medida:
javascriptelem.style.width = '100px';
Al leer los valores, estos también se obtendrán con las unidades de medida:
javascriptlet width = elem.style.width;
console.log(width); // mostrará '100px';
Si es necesario, podemos deshacernos
de las unidades de medida usando parseInt:
javascriptlet width = elem.style.width;
console.log(parseInt(width)); // mostrará 100
Si se esperan valores fraccionarios,
se puede usar la función parseFloat:
javascriptlet width = elem.style.width;
console.log(parseFloat(width));
Se dan un div y un botón. Al hacer clic en el botón,
establezca para el div un ancho de 400px
y una altura de 300px.
Se da un div:
html<div id="elem" style="width: 300px; height: 200px;">
text
</div>
También se da un botón. Al hacer clic en el botón, muestre el ancho y la altura del div sin unidades de medida.
Se da un div:
html<div id="elem" style="font-size: 1.5em;">
text
</div>
También se da un botón. Al hacer clic en el botón, muestre el tamaño de fuente del div sin unidades de medida.