/

HTML / CSS / JavaScript Tutorial

JavaScript DOM HTML property: nodeValue

[this page | pdf | back links]

The nodeValue property of HTML elements within the JavaScript DOM sets / returns the node value of the element.

 

EXAMPLE:


HTML USED IN THIS EXAMPLE:
<!DOCTYPE html>
<html> <!-- Copyright (c) Nematrian Limited 2018 -->
<head></head>
<body>
<p>See JavaScript. Following paragraph contains</p>
<p id="x0">[A] <span id="x1">[B] </span><span id="x2">[C] </span></p>
(where [B] and [C] are in elements, [A] and [D] in nodes)
<p id="x3"></p>
<script>
var n0 = document.getElementById("x0");
var txt = document.createTextNode("[D]");
n0.appendChild(txt);
var n1 = document.getElementById("x1");
var n2 = document.getElementById("x2");
var n3 = document.getElementById("x3");
n3.innerHTML = "Then: <br><br>"
  + "childElementCount of paragraph: " + n0.childElementCount + "<br>"
  + "number of child nodes: " + n0.childNodes.length + "<br>"
  + "number of children: " + n0.children.length + "<br>"
  + "node name of 1st element node of paragraph: " + n0.children[0].nodeName + "<br>"
  + "node type of 1st node of paragraph: " + n0.childNodes[0].nodeType + "<br>"
  + "node value of 1st node of paragraph: " + n0.childNodes[0].nodeValue;
</script>

</body>
</html>


NAVIGATION LINKS
Contents | Prev | Next | JavaScript DOM (and BOM)


Desktop view | Switch to Mobile