Getting the lastChild from document

Asked Jan 14 '18 at 15:48

Active Jan 14 '18 at 15:54

Viewed 92 times

Do not judge strictly. This is a test code for training. I can not figure out why the last element of the ul tag does not appear by the getElementsByTagName

<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
</head>

<body>
  <div>Users:</div>
  <ul>
    <li>Max</li>
    <li>Daniel</li>
  </ul>
dsfsdf
  <script>
   var head = document.head.firstChild; // work good

   alert(head);

    var ul = document.body.getElementsByTagName("ul").lastChild; // undefined

    alert(ul);

  </script>

</body>

</html>

<!-- <script src="test.js"></script> -->

edited Jan 14 '18 at 15:52

asked Jan 14 '18 at 15:48

Sviat Kuzhelev

1,758
10
28

What is `GetNumericVitagName`? – jmargolisvt Jan 14 '18 at 15:51
Sorry, copy-past another func. I mean `getElementsByTagName` – Sviat Kuzhelev Jan 14 '18 at 15:52
3

Look at what .getElementsByTagName returns. :) – Jonas M. Schlatter Jan 14 '18 at 15:54
`document.body.querySelector("ul li:last-child")` – Jan 14 '18 at 16:16
1

Note that even if you had selected just the `ul`, the `.lastChild` would give you a text node representing the whitespace characters at the end of the `ul` content. To get the `li`, you'd use `.lastElementChild` – Jan 14 '18 at 16:18
`document.body.getElementsByTagName("ul")[0].lastChild` – askovpen Jan 14 '18 at 16:18
@askovpen: See my comment above yours. You need `.lastElementChild` – Jan 14 '18 at 16:25

Getting the lastChild from document

0 Answers0