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

javascriptelement.lastElementChild;

Eksempel

Lad os få indholdet af elementets sidste barn:

html<div id="parent">
  <p>1</p>
  <p>2</p>
</div>
javascriptlet parent = document.querySelector('#parent');
let text = parent.lastElementChild.textContent;

console.log(text);

Resultatet af kodeudførelsen:

javascript'2'

Eksempel

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

html<div id="parent"></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.lastElementChild);

Resultatet af kodeudførelsen:

javascriptnull

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