Maßeinheiten im style-Attribut in JavaScript

Bei der Angabe von Eigenschaftswerten über das Attribut style müssen wir Maßeinheiten angeben:

elem.style.width = '100px';

Beim Auslesen von Werten werden diese ebenfalls mit ihren Maßeinheiten zurückgegeben:

let width = elem.style.width;
console.log(width); // gibt '100px' aus;

Bei Bedarf können wir die Maßeinheiten mit Hilfe von parseInt entfernen:

let width = elem.style.width;
console.log(parseInt(width)); // gibt 100 aus

Wenn Gleitkommawerte erwartet werden, kann die Funktion parseFloat verwendet werden:

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

Gegeben sind ein Div und ein Button. Beim Klick auf den Button soll dem Div eine Breite von 400px und eine Höhe von 300px zugewiesen werden.

Gegeben ist ein Div:

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

Gegeben ist auch ein Button. Beim Klick auf den Button sollen die Breite und Höhe des Divs ohne Maßeinheiten ausgegeben werden.

Gegeben ist ein Div:

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

Gegeben ist auch ein Button. Beim Klick auf den Button soll die Schriftgröße des Divs ohne Maßeinheit ausgegeben werden.