JavaScript DHTML/Node Operation/nodeValue
Get node value
<source lang="html4strict">
<html> <head> <title>The Node</title> <script type="text/javascript"> function outputNodeProps(nd) {
var strNode = "Node Type: " + nd.nodeType; strNode += "\nNode Name: " + nd.nodeName; strNode += "\nNode Value: " + nd.nodeValue; if (nd.style) { var clr = "red"; nd.style.backgroundColor=clr; strNode += "\nbackgroundColor: " + clr; } alert(strNode);
} </script> <body onload="outputNodeProps(document)">
Header
</body> </html>
</source>
"nodeValue" Example
<source lang="html4strict">
<html> <body> <script language="JavaScript"> function function1() {
var m = document.getElementById("myNodeOne").nextSibling; m ? alert("Yes") : alert("No");
} function function2() {
alert(document.all.myNodeOne.nodeName);
} function function3() {
alert(document.all.myNodeOne.nodeType);
} function function4() {
alert(document.all.myNodeOne.childNodes(0).nodeValue);
} function function5() {
var m = document.getElementById("myNodeOne").previousSibling;m ? alert("Yes") : alert("No");
} </script>
This PARAGRAPH has two nodes, Node One, and Node Two.
<button onclick="function1();">Node One has a Next Sibling</button> <button onclick="function5();">Node One has a Previous Sibling</button> <button onclick="function2();">Node One Name</button> <button onclick="function3();">Node One Type</button> <button onclick="function4();">Node One Value</button> </body> </html>
</source>