DOM børn

Se på følgende side:

          <html>
<body>
  <div>Brugere:</div>
  <ul>
    <li>Lisbeth</li>
    <li>Mikkel</li>
  </ul>
</body>
</html>
        

For hver af de følgende, giv mindst en måde at tilgå dem:

<div> DOM noden?
<ul> DOM noden?
Den anden <li> (med Mikkel)?

Der er mange måder at gå til det på. Det kunne for eksempel være:

<div> DOM noden:

          document.body.firstElementChild
// eller
document.body.children[0]
// eller (den første node er et mellemrum, så vi tager den anden)
document.body.childNodes[1]
        

<ul> DOM noden:

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

Den anden <li> (med Mikkel):

          // hent <ul>, og derefter hent det sidste barn der er et element
document.body.lastElementChild.lastElementChild
        