HTML | DOM Input Image value Property
The Input Image value Property in HTML DOM is used to sets or returns the value of the value attribute of the Input Image.
Syntax:
- It returns the value Property.
imageObject.value
- It sets the value Property.
imageObject.value = value;
Property Value It contains the value text Which specify the value of the input Image
Return Value It returns a string value that represents the value of the Input Image.
Example: This Example returns the Input Image value Property.
HTML
<!DOCTYPE html><html><head> <title> HTML DOM Input Image value Property </title></head><body style="text-align:center;"> <h1 style="color:green;"> GeeksForGeeks </h1> <h2>DOM Input Image value Property</h2> <button onclick="my_geek()"> <input id="myImage" value="myGeeks" type="image" src= alt="Submit" formaction="#" formtarget="#" formenctype="text/plain" width="48" height="48"> </button> <h2 id="Geek_h" style="color:green;"> </h2> <script> function my_geek() { // Return value of Input Image field var txt = document.getElementById( "myImage").value; document.getElementById( "Geek_h").innerHTML = txt; } </script></body></html> |
Output:
Before Clicking On Button:
After Clicking On Button:
Example-2: This Example sets the Input Image value Property.
HTML
<!DOCTYPE html><html><head> <title> HTML DOM Input Image value Property </title></head><body style="text-align:center;"> <h1 style="color:green;"> GeeksForGeeks </h1> <h2>DOM Input Image value Property</h2> <button onclick="my_geek()"> <input id="myImage" value="myGeeks" type="image" src= alt="Submit" formaction="#" formtarget="#" formenctype="text/plain" width="48" height="48"> </button> <h2 id="Geek_h" style="color:green;"> </h2> <script> function my_geek() { // change the value of Input Image field var txt = document.getElementById( "myImage").value = "Hello Geeks"; document.getElementById( "Geek_h").innerHTML = "The value was changed to " + txt; } </script></body></html> |
Output:
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browsers supported by DOM Input Image value Property are listed below:
- Google Chrome
- Edge 12+
- Firefox
- Apple Safari
- Opera
![https://media.geeksforgeeks.org/wp-content/uploads/gfg-40.png"](https://media.geeksforgeeks.org/wp-content/uploads/gfg-40.png"){kind=link}
Please Login to comment...