DOM - Traversal

by Joshua McNeese

HTML

<div id="container">
     <h1>Hello, DOM!</h1>

    <p>This is some fine fruit:</p>
    <ul class="listy">
        <li>Apples</li>
        <li class="second">Pears</li>
        <li>Cherries</li>
    </ul>
</div>

JavaScript

// painful!
// we go through document -> html -> body -> div.. begin skipping text nodes...
var secondLiEl = document.childNodes[1].childNodes[2].childNodes[1].childNodes[5].childNodes[1].nextSibling.nextSibling;

console.log(secondLiEl);