HTML DOM lastElementChild attribute

HTML DOM Element Object

ThelastElementChildA read-only attribute that returns the last child element of the specified parent element.

If the parent element has no child elements, this method will returnnullvalue.

UsechildrenAttribute returns any child element of the specified parent element.

To return the first child element of the specified parent element, usefirstElementChildAttribute.

Syntax:

ParentElement.lastElementChild

<div>
　　　<p>This is the1a P</p>
　　　<p>This is the2a P</p>
　　　<p>This is the3a P</p>
</div>
<script>
var x = document.querySelector("div").lastElementChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Browser compatibility

All browsers fully support the lastElementChild attribute:

Technical details

More Examples

Get the HTML content of the last child element of the DIV element:

<div>
　　　<p>This is the1a P</p>
　　　<p>This is the2a P</p>
　　　<p>This is the3a P</p>
</div>
<script>
var x = document.querySelector("div").lastElementChild.textContent;
document.getElementById("result").innerHTML = x;
</script>

Change the HTML content of the last child element of the DIV element:

var div = document.querySelector("div");
div.lastElementChild.textContent = "HELLO WORLD";

Related References

HTML DOM Reference:firstElementChild property

HTML DOM Element Object