HTML DOM中的“输入图像值”属性用于设置或返回“输入图像”的value属性的值。
用法:
它返回值属性。imageObject.value
它设置值属性。imageObject.value = value;
属性值它包含值文本,该文本指定输入图像的值
返回值它返回一个数字值,代表输入图像的值。
例:本示例返回输入图像值属性。
HTML DOM Input Image value Property
GeeksForGeeks
DOM Input Image value Property
value="myGeeks"
type="image"
src=
"https://media.geeksforgeeks.org/wp-content/uploads/gfg-40.png"
alt="Submit"
formaction="#"
formtarget="#"
formenctype="text/plain"
width="48"
height="48">
style="color:green;">
function my_geek() {
// Return formTarget,
// formEnctype and formAction.
var txt = document.getElementById(
"myImage").value;
document.getElementById(
"Geek_h").innerHTML = txt;
}
输出:
在单击按钮之前:
单击按钮后:
示例2:本示例设置输入图像值属性。
HTML DOM Input Image value Property
GeeksForGeeks
DOM Input Image value Property
value="myGeeks"
type="image"
src=
"https://media.geeksforgeeks.org/wp-content/uploads/gfg-40.png"
alt="Submit"
formaction="#"
formtarget="#"
formenctype="text/plain"
width="48"
height="48">
style="color:green;">
function my_geek() {
// Return formTarget,
// formEnctype and formAction.
var txt = document.getElementById(
"myImage").value = "Hello Geeks";
document.getElementById(
"Geek_h").innerHTML =
"The value was changed to " + txt;
}
输出:
在单击按钮之前:
单击按钮后:
支持的浏览器:下面列出了DOM Input Image value属性支持的浏览器:
谷歌浏览器
IE浏览器
Firefox
苹果Safari
Opera