Skip to content
Related Articles

Related Articles

HTML | DOM value Property
  • Last Updated : 23 Jul, 2019

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


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

Below program illustrates the DOM value property in HTML:


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

Before Click on the button:

After clicking on the button:

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

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

My Personal Notes arrow_drop_up
Recommended Articles
Page :