天天看点

html input image 尺寸,HTML Input Image width用法及代码示例

HTML DOM中的Input Image width属性用于返回的width属性的值。

用法:

要返回width属性。imageObject.width

设置width属性。imageObject.width = value;

属性值:它包含一个数值,以像素为单位指定图像的宽度。

返回值:它返回一个代表图像宽度的数值。

范例1:本示例返回输入图像宽度属性。

/p>

HTML DOM Input Image width Property

GeeksforGeeks

DOM Input Image width Property

type="image" src=

"https://media.geeksforgeeks.org/wp-content/uploads/gfg-40.png"

alt="Submit"

formaction="#"

formtarget="#"

formenctype="text/plain"

width="48"

height="48">

function my_geek() {

// Return formTarget, formEnctype and formAction.

var txt = document.getElementById(

"myImage").width;

document.getElementById(

"Geek_h").innerHTML = txt;

}

输出:

在单击按钮之前:

html input image 尺寸,HTML Input Image width用法及代码示例

单击按钮后:

html input image 尺寸,HTML Input Image width用法及代码示例

范例2:本示例设置“输入图像宽度”属性。

HTML DOM Input Image width Property

GeeksforGeeks

DOM Input Image width Property

type="image" src=

"https://media.geeksforgeeks.org/wp-content/uploads/gfg-40.png"

alt="Submit"

formaction="#"

formtarget="#"

formenctype="text/plain"

width="48"

height="48">

function my_geek() {

// Return formTarget, formEnctype and formAction.

var txt = document.getElementById(

"myImage").width = "96";

document.getElementById(

"Geek_h").innerHTML = txt;

}

输出:

在单击按钮之前:

html input image 尺寸,HTML Input Image width用法及代码示例

单击按钮后:

html input image 尺寸,HTML Input Image width用法及代码示例

支持的浏览器:下面列出了HTML DOM输入图像宽度属性支持的浏览器:

谷歌浏览器

IE浏览器

Firefox

Opera

Safari