Open In App

HTML DOM value Property

Improve
Improve
Like Article
Like
Save
Share
Report

The DOM value property in HTML is used to set or return the value of any attribute.

Syntax: 

  • It returns the attribute value.  
attribute.value
  • It is used to set a value to the property.  
attribute.value = value

Property Value: 

  • value: It defines the value of the attribute.

Return Value:  It returns a string value that represents the value of the attribute. 

Example: The below program illustrates the DOM value property in HTML:
 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>
        DOM Value Property
    </title>
    <!-- script to change property value -->
    <script>
        function myFunction() {
            let x = document.getElementsByTagName("IMG")[0];
            x.getAttributeNode("src").value =
        }
    </script>
</head>
<body style="text-align:center">
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
    <h2>DOM Value Property</h2>
    <img src=
         width="180" height="180">
    <p>
        Click the button to change the value
        of attribute "src" of the image.
    </p>
    <!-- Button to change DOM value property -->
    <button onclick="myFunction()">
        Try it
    </button>
</body>
 
</html>


Output:

 

Supported Browsers: The browser supported by DOM value property are listed below: 

  • Google Chrome 62 and above
  • Edge 14 and above
  • Internet Explorer not supported
  • Firefox 22 and above
  • Opera 49 and above
  • Safari 10 and above


Last Updated : 09 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads