Open In App

HTML | DOM Input Image value Property

Improve
Improve
Like Article
Like
Save
Share
Report

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


Last Updated : 26 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads