Wolverine68 Posted February 8, 2012 Share Posted February 8, 2012 Just trying to right a simple script that will search for and display the child nodes and parent node when the applicable button is clicked. When clicking on "Show Child Nodes", nothing happens. When clicking on "Show Parent Node", the alert box just displays "null". http://goken68.brinkster.net/ChildandParentNodes.html <html> <body> <head> <script type="text/javascript" language="javascript"> function getchildNodes() { var content = document.getElementById("teams");//find the child Nodes of this element for (var i = 0; i < content.length; i++) { alert(content[i].childNodes.nodeValue);//display all the child nodes for the element, "teams".12:15 PM 2/8/2012 } } function getParentNode() { var node = document.getElementById("north");//find parent node of this element. alert(node.parentNode.nodeValue);//Display the parent node for element, "north". } </script> </head> <div id="teams"> <h1>NFL Teams</h1> <h2 id="north">NFC North</h2> <p>Chicago Bears</p> <p>Green Bay Packers</p> <p>Minnesota Vikings</p> <p>Detroit Lions</p> <h2>NFC South</h2> <p>New Orleans Saints</p> <p>Atlanta Falcons</p> <p>Carolina Panthers</p> <p>Tampa Bay Buccannears</p> <h2>NFC East</h2> <p>Dallas Cowboys</p> <p>Washington Redskins</p> <p>Philadelphia Eagles</p> <p>NY Giants</p> <h2>NFC West</h2> <p>San Francisco 49ers</p> <p>Arizona Cardinals</p> <p>Seattle Seahawks</p> <p>St.Louis Rams</p> </div> <input type="button" value="Show Child Nodes" onclick="getchildNodes()"> <br /> <br /> <input type="button" value="Show Parent Node" onclick="getParentNode()"> </body> </html> Link to comment https://forums.phpfreaks.com/topic/256684-displaying-child-and-parent-nodes/ Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.