HTML DOM nodeValue Property
Last Updated :
13 Jun, 2023
The HTML DOM nodeValue Property is used to describe the property of a given node. It is used to set or get the nodeValue in Any Html document. Prerequisites DOM (Document Object Model)
Syntax:
let x = document.getElementById("nodeId").firstChild;
x.nodeType;
x.nodeName;
x.nodeValue;
Parameters: No parameters are required.
Return value: The HTML nodeValue property returns the following type of values
- null: for element and document nodes.
- attribute value: for any attribute.
- content: for any text node or comment node.
Example: Following example create a paragraph tag which is “divId” and provide a button that produces paragraph tag properties and returns its value to a tag whose id is “GeeksForGeeks”.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
HTML | DOM nodeValue Property
</ title >
</ head >
< body >
< center >
< h1 style = "color:green" >GeeksforGeeks</ h1 >
< p >
Click the button get the node value of
the first button element in the document.
</ p >
< button onclick = "myFunction()" >Try it</ button >
< p id = "geeks" ></ p >
< script >
function myFunction() {
let g = document.getElementsByTagName("BUTTON")[0];
let f = g.childNodes[0].nodeValue;
document.getElementById("geeks").innerHTML = f;
}
</ script >
</ center >
</ body >
</ html >
|
Output:
Supported Browsers: The browser supported by DOM nodeValue properties are listed below:
- Google Chrome 1 and above
- Edge 12 and above
- Internet Explorer 6 and above
- Firefox 1 and above
- Opera 12.1 and above
- Safari 1 and above
Share your thoughts in the comments
Please Login to comment...