Maßeinheiten im style-Attribut in JavaScript

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

javascriptelem.style.width = '100px';

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

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

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

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

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

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

Задание 1

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.

Задание 2

Gegeben ist ein Div:

html<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.

Задание 3

Gegeben ist ein Div:

html<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.