Діти у DOM

Подивіться на цю сторінку:

          <html>
<body>
  <div>Користувачи:</div>
  <ul>
    <li>Іван</li>
    <li>Петро</li>
  </ul>
</body>
</html>
        

Вкажіть принаймні один спосіб доступу до кожного з перелічених нижче DOM вузлів:

До DOM вузла <div>?
До DOM вузла <ul>?
До другого <li> (Петро)?

Існує багато способів, наприклад:

До DOM вузла <div>:

          document.body.firstElementChild
// або
document.body.children[0]
// або (перший вузол -- це пробіл, тому беремо 2-й)
document.body.childNodes[1]
        

До DOM вузла <ul>:

          document.body.lastElementChild
// або
document.body.children[1]
        

До другого <li> (Петро):

          // отримати <ul>, а потім отримати його останній дочірній елемент
document.body.lastElementChild.lastElementChild
        