<html> <head> <title>DOM previousElementSibling and nextElementSibling reference</title> <!-- comment node should be skipped --> <link rel="stylesheet" type="text/css" href="tst.css"> </head> <body> <h1>DOM previousElementSibling and nextElementSibling reference</h1> <!-- comment node should be skipped --> <p><b>head.lastElementChild.previousElementSibling:</b> <script>document.write(document.head.lastElementChild.previousElementSibling.textContent);</script></p> <!-- comment node should be skipped --> <p><b>body.firstElementChild.nextElementSibling:</b> <script>document.write(document.body.firstElementChild.nextElementSibling.textContent);</script></p> <h1>DOM nodes should be 'null' if not present</h1> <p><b>head.firstElementChild.previousElementSibling:</b> <script>document.write(document.head.firstElementChild.previousElementSibling);</script></p> <p><b>head.firstElementChild.nextElementSibling.nextElementSibling:</b> <script>document.write(document.head.firstElementChild.nextElementSibling.nextElementSibling);</script></p> </body> </html>