Eigenschap lastElementChild

De eigenschap lastElementChild bevat het laatste onderliggende element. Onderliggende elementen zijn alle tags die zich direct in een blok bevinden. Als een element geen onderliggende elementen heeft, wordt null geretourneerd.

Syntaxis

element.lastElementChild;

Voorbeeld

Laten we de inhoud van het laatste kindelement van het element ophalen:

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

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

console.log(text);

Resultaat van het uitvoeren van de code:

'2'

Voorbeeld

En nu heeft het element geen onderliggende elementen en daarom wordt null weergegeven:

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

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

Resultaat van het uitvoeren van de code:

null

Zie ook

de eigenschap firstElementChild,
die het eerste element bevat
de eigenschap children,
die alle onderliggende elementen van een element bevat
de eigenschap lastChild,
die de laatste node bevat