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 >
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 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
Share your thoughts in the comments
Please Login to comment...