DOM

HTMLInputElement.width プロパティ

 編集:2022.11.04 by T.A.

[Edge]。→

HTMLInputElementtype が image の場合、表示画像の横幅のピクセル数を表す数値を取得/設定します。

HTMLの width 属性を反映しています。

mdn: 文字列。type の値が image である場合、ボタンに表示される画像の幅を定義する、文書の width 属性を返却または設定します。

HTMLInputElement.width
HTMLInputElement HTMLInputElement

文字列。→数値。

HTML:

<INPUT id=IdTest type=image src="../../Sample/Picture.jpg">

JavaScript:

D=IdTest.width;  //=[number]:30

得られたのは Number。

IdTest.width=70;

HTML: width の解釈を変えてみる。

<INPUT id=IdTest type=image src="../../Sample/Picture.jpg" style="border:5px solid red; box-sizing:border-box">

JavaScript:

D=IdTest.width;  //=[number]:30

画像のサイズを示している。

しかし、

IdTest.width=30;
D=IdTest.width;  //=[number]:20

画像が小さくなった。しかも 20 となって画像のサイズを示している。

取得時と設定時の解釈が異なる。


テスト