Run
Tutorial With Example
Run your live code
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Javascript childNodes property to access all child nodes</title> </head> <body> <div id="main"> <h1 id="title">My Heading</h1> <p id="hint"><span>This is some text.</span></p> </div> <script> var main = document.getElementById("main"); // First check that the element has child nodes if(main.hasChildNodes()) { var nodes = main.childNodes; // Loop through node list and display node name for(var i = 0; i < nodes.length; i++) { alert(nodes[i].nodeName); } } </script> </body> </html>