THE WORLD'S LARGEST WEB DEVELOPER SITE

HTML DOM lastElementChild Property

Element Object

Example

Get the HTML content of the last child element of an <ul> element:

var x = document.getElementById("myList").lastElementChild.innerHTML;

The result of x will be:

Tea
Try it Yourself »

More "Try it Yourself" examples below.


Definition and Usage

The lastElementChild property returns the last child element of the specified element.

The difference between this property and lastChild, is that lastChild returns the last child node as an element node, a text node or a comment node (depending on which one's last), while lastElementChild returns the last child node as an element node (ignores text and comment nodes).

This property is read-only.

Tip: Use the children property to return any child element of a specified element.

Tip: To return the first child element of a specified element, use the firstElementChild property.


Browser Support

Property
lastElementChild 2.0 9.0 3.5 4.0 10.0

Syntax

element.lastElementChild


Technical Details

Return Value: A Node object, representing the last child element of an element, or null if there are no child elements
DOM Version Core Level 3 Element Traversal

More Examples

Example

Get the tag name of the last child element of a <div> element:

var x = document.getElementById("myDIV").lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;

The result of x will be:

SPAN
Try it Yourself »

Example

Get the text of the last child element of a <select> element:

var x = document.getElementById("mySelect").lastElementChild.text;

The result of x will be:

Volvo
Try it Yourself »

Element Object