JavaScript DHTML/Node Operation/nodeName
Get node name
<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>
"nodeName" 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>
