JavaScript DHTML/Node Operation/nodeName

Материал из Web эксперт
Перейти к: навигация, поиск

Get node name

  
<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)">
<div id="div1">
<h1>Header</h1>
</div>
</body>
</html>



"nodeName" Example

 
    
<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>
<p>This PARAGRAPH has two nodes, 
    <b id="myNodeOne">Node One</b>, and 
    <b id="myNodeTwo">Node Two</b>.
</p>
<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>
Источник — «http://wbex.ru/index.php?title=JavaScript_DHTML/Node_Operation/nodeName&oldid=3357»