dom / latest / element / lastelementchild.html /

Element.lastElementChild

The Element.lastElementChild read-only property returns an element's last child Element, or null if there are no child elements.

Element.lastElementChild includes only element nodes. To get all child nodes, including non-element nodes like text and comment nodes, use Node.lastChild.

Value

A Element object, or null

Examples

<ul id="list">
  <li>First  (1)</li>
  <li>Second (2)</li>
  <li>Third  (3)</li>
</ul>

<script>
const list = document.getElementById('list');
console.log(list.lastElementChild.textContent);
// logs "Third (3)"
</script>

Specifications

Specification
DOM Standard
# ref-for-dom-parentnode-lastelementchild①

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
lastElementChild
1
12
3.5
9
10
4
≤37
18
4
10.1
3
1.0

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/lastElementChild

Name Web APIs
Version
Badge
Last Updated 2022-04-27T09:33:08Z