Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>JavaScript Get Parent Node</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 hint = document.getElementById("hint"); console.log(hint.parentNode.nodeName); // Prints: DIV console.log(document.documentElement.parentNode.nodeName); // Prints: #document console.log(document.parentNode); // Outputs: null </script> <p><strong>Note:</strong> Please check out the browser console by pressing the f12 key on the keyboard.</p> </body> </html>
