Egenskaben lastElementChild

Egenskaben lastElementChild indeholder det sidste underordnede element. Underordnede elementer betragtes som alle tags, der er placeret direkte inde i blokken. Hvis elementet ikke har nogen underordnede elementer - returneres null.

Syntaks

element.lastElementChild;

Eksempel

Lad os få indholdet af elementets sidste barn:

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

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

console.log(text);

Resultatet af kodeudførelsen:

'2'

Eksempel

Og nu har elementet ikke nogen underordnede elementer, så der vil blive vist null:

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

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

Resultatet af kodeudførelsen:

null

Se også

egenskaben firstElementChild,
som indeholder det første element
egenskaben children,
som indeholder alle elementets børn
egenskaben lastChild,
som indeholder den sidste node