JavaScriptのstyle属性における単位

style属性を介してプロパティ値を指定する場合、単位を指定する必要があります：

javascriptelem.style.width = '100px';

値を読み取る場合も、単位付きで取得されます：

javascriptlet width = elem.style.width;
console.log(width); // '100px'と出力されます;

必要に応じて、parseIntを使って単位を取り除くことができます：

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // 100を出力します

小数値が想定される場合は、parseFloat関数を利用できます：

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

Задание 1

div要素とボタンが与えられています。ボタンがクリックされたら、 divの幅を400px、高さを300pxに設定してください。

Задание 2

以下のdiv要素が与えられています：

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

ボタンも与えられています。ボタンをクリックしたら、単位なしでdivの幅と高さを出力してください。

Задание 3

以下のdiv要素が与えられています：

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

ボタンも与えられています。ボタンをクリックしたら、単位なしでdivのフォントサイズを出力してください。