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

javascriptelement.lastElementChild;

Voorbeeld

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

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

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

console.log(text);

Resultaat van het uitvoeren van de code:

javascript'2'

Voorbeeld

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

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

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

Resultaat van het uitvoeren van de code:

javascriptnull

Zie ook