⊗jsSpStyAU 2 of 294 menu

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のフォントサイズを出力してください。

日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否