This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2018.
The DocumentFragment.lastElementChild read-only property returns the document fragment's last child Element, or null if there are no child elements.
An Element that is the last child Element of the object, or null if there are none.
let fragment = new DocumentFragment();
fragment.lastElementChild; // null
let paragraph = document.createElement("p");
fragment.appendChild(paragraph);
fragment.lastElementChild; // <p>
| Specification |
|---|
| DOM> # ref-for-dom-parentnode-lastelementchild①> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
lastElementChild |
29 | 17 | 25 | 16 | 9 | 29 | 25 | 16 | 9 | 2.0 | 4.4 | 9 |
© 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/DocumentFragment/lastElementChild