JavaScriptのstyle属性における単位
style属性を介してプロパティ値を指定する場合、
単位を指定する必要があります:
elem.style.width = '100px';
値を読み取る場合も、単位付きで取得されます:
let width = elem.style.width;
console.log(width); // '100px'と出力されます;
必要に応じて、parseIntを使って単位を取り除くことができます:
let width = elem.style.width;
console.log(parseInt(width)); // 100を出力します
小数値が想定される場合は、parseFloat関数を利用できます:
let width = elem.style.width;
console.log(parseFloat(width));
div要素とボタンが与えられています。ボタンがクリックされたら、
divの幅を400px、高さを300pxに設定してください。
以下のdiv要素が与えられています:
<div id="elem" style="width: 300px; height: 200px;">
text
</div>
ボタンも与えられています。ボタンをクリックしたら、 単位なしでdivの幅と高さを出力してください。
以下のdiv要素が与えられています:
<div id="elem" style="font-size: 1.5em;">
text
</div>
ボタンも与えられています。ボタンをクリックしたら、 単位なしでdivのフォントサイズを出力してください。