HTML DOM nodeValue Property

HTML DOM Element Object

nodeValueAttribute returns or sets the value of the current node.

For text, comment, and CDATA nodes, nodeValue returns the content of the node.

For attribute nodes, it will return the value of the attribute.

nodeValue property can be used as an alternative methodtextContentAttribute.

Syntax:

Return node value:

node.nodeValue

Set node value:

node.nodeValue = newValue

var x = document.getElementById("myPara").firstChild.nodeValue;

Browser Compatibility

All browsers fully support the nodeValue attribute:

Attribute Value

Technical Details

More examples

Set the node value of an element in the document:

document.getElementById("myPara").firstChild.nodeValue = "HELLO WORLD";

Return the node name, node type, and node value of the first child of the div element:

<div id="div-1">This is a div element.</div>
<script>
var x = document.getElementById("div-1).firstChild;
var txt = "";
txt　+= "The node name: "　+　x.nodeName　+　"<br>";
txt　+= "The node value: "　+　x.nodeValue　+　"<br>";
txt　+= "The node type: "　+　x.nodeType;
document.getElementById("para").innerHTML = txt;
</script>

Related References

HTML DOM Reference:node .nodeName property

HTML DOM Reference:node .nodeType property

HTML DOM Reference:node .childNodes property

HTML DOM Element Object