HTML | DOM Image name Property

Last Updated : 15 Sep, 2022

The Image name Property in HTML DOM is used for setting or returning the value of the name Attribute of an <image> element.

Note: This property is not supported by HTML 5.

Syntax:

imageObject.name

Property Values:

name: It specifies the name of the Image.

Return Value: It returns a string value which represents the name of the Image.

Example-1: This Example returns an Image name Property.

HTML

<!DOCTYPE html>
<html>
 
<body>
    <center>
        <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190602171808/629.png"
            id="image" alt="" width="250"
            height="205" name="geeks"
            class="alignnone size-medium wp-image-1092360" />
        <br><br>
         
        <button type="button" onclick="getHeight()">
            Click
        </button>
        <h4 id="text"></h4>
    </center>
 
    <script>
        function getHeight() {
            var imgObject =
                document.getElementById("image");
            var output =
                document.getElementById("text");
            output.innerHTML = "The name of the image is : "
                + imgObject.name;
        }
    </script>
</body>
 
</html>

Before Clicking On Button:

After Clicking On Button:

Example-2: This Example sets the Image name Property.

HTML

<!DOCTYPE html>
<html>
 
<body>
    <center>
        <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190602171808/629.png"
            id="image" alt="" width="250"
            height="205" name="geeks"
            class="alignnone size-medium wp-image-1092360" />
        <br><br>
 
        <button type="button" onclick="getHeight()">
            Click
        </button>
        <h4 id="text"></h4>
    </center>
     
    <script>
        function getHeight() {
            var imgObject =
                document.getElementById(
                    "image").name = "Hello Geeks";
 
            var output =
                document.getElementById(
                    "text").innerHTML =
                "The name of the image was changed to "
                + imgObject;
        }
    </script>
</body>
 
</html>