Děti DOMu

Podívejte se na tuto stránku:

          <html>
<body>
  <div>Uživatelé:</div>
  <ul>
    <li>Jan</li>
    <li>Petr</li>
  </ul>
</body>
</html>
        

Pro každý z následujících uzlů uveďte aspoň jeden způsob, jak k němu přistoupit:

DOM uzel <div>?
DOM uzel <ul>?
Druhý uzel <li> (obsahující Petra)?

Způsobů je mnoho, například:

DOM uzel <div>:

          document.body.firstElementChild
// nebo
document.body.children[0]
// nebo (první uzel je mezerový, takže vezmeme až druhý)
document.body.childNodes[1]
        

DOM uzel <ul>:

          document.body.lastElementChild
// nebo
document.body.children[1]
        

Druhý uzel <li> (obsahující Petra):

          // získáme <ul> a pak získáme jeho poslední dětský element
document.body.lastElementChild.lastElementChild
        