To get the last child of a parent element, you can use the lastElementChild
property in the DOM element in JavaScript.
Let's say we have a parent element div
and three paragragh
tags inside it like this,
<div id="container">
<p>Paragraph 1</p>
<p>Paragraph 2</p>
<p>Paragraph 3</p>
</div>
Now let's get the last paragraph
element from the div
tag.
To get the last paragragh
element, last we have to get a reference to the div
tag and then use the lastElementChild
property like this,
// get refernece to tht div tag
const div = document.querySelector("#container");
// ge the last child element
const lastChild = div.lastElementChild;
console.dir(lastChild); // last p tag properties and methods
See this example live in JSBin.