Właściwość lastElementChild

Właściwość lastElementChild przechowuje ostatni element potomny. Elementami potomnymi są wszystkie tagi, które znajdują się bezpośrednio wewnątrz bloku. Jeśli element nie ma elementów potomnych - zwracane jest null.

Składnia

element.lastElementChild;

Przykład

Pobierzmy zawartość ostatniego elementu potomnego:

<div id="parent">
	<p>1</p>
	<p>2</p>
</div>

let parent = document.querySelector('#parent');
let text = parent.lastElementChild.textContent;

console.log(text);

Wynik wykonania kodu:

'2'

Przykład

A teraz element nie ma elementów potomnych i dlatego zostanie wyświetlone null:

<div id="parent"></div>

let parent = document.querySelector('#parent');
console.log(parent.lastElementChild);

Wynik wykonania kodu:

null

Zobacz też

właściwość firstElementChild,
która zawiera pierwszy element
właściwość children,
która zawiera wszystkie elementy potomne
właściwość lastChild,
która zawiera ostatni węzeł