This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The TreeWalker.lastChild() method moves the current Node to the last visible child of the current node, and returns the found child. If no such child exists, it returns null and the current node is not changed.
lastChild()
None.
A Node object or null.
const treeWalker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_ELEMENT,
{
acceptNode(node) {
return NodeFilter.FILTER_ACCEPT;
},
},
);
const node = treeWalker.lastChild(); // returns the last visible child of the root element
| Specification |
|---|
| DOM> # dom-treewalker-lastchild> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
lastChild |
1 | 12 | 4 | 9 | 3 | 18 | 4 | 10.1 | 3 | 1.0 | 3 | 3 |
TreeWalker interface it belongs to.
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker/lastChild