Node: nodeValue property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The nodeValue property of the Node interface returns or sets the value of the current node.
Value
A string containing the value of the current node, if any.
For the document itself, nodeValue returns null.
For text, comment, and CDATA nodes, nodeValue returns the content of the node.
For attribute nodes, the value of the attribute is returned.
The following table shows the return values for different types of nodes.
| Node | Value of nodeValue |
|---|---|
CDATASection |
Content of the CDATA section |
Comment |
Content of the comment |
Document |
null |
DocumentFragment |
null |
DocumentType |
null |
Element |
null |
NamedNodeMap |
null |
ProcessingInstruction |
Entire content excluding the target |
Text |
Content of the text node |
Note:
When nodeValue is defined to be null, setting it has no effect.
Example
html
<div id="d1">Hello world</div>
<!-- Example of comment -->
<output id="result">Not calculated yet.</output>
and the following script:
js
let node = document.querySelector("body").firstChild;
let result = "Node names are:\n";
while (node) {
result += `Value of ${node.nodeName}: ${node.nodeValue}\n`;
node = node.nextSibling;
}
const output = document.getElementById("result");
output.innerText = result;
Specifications
| Specification |
|---|
| DOM # dom-node-nodevalue |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
nodeValue
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support