Vlastnosť lastElementChild

Vlastnosť lastElementChild uchováva posledný podradený prvok. Podradenými prvkami sa považujú všetky elementy, ktoré sú priamo umiestnené vo vnútri bloku. Ak prvok nemá žiadne podradené prvky - vráti sa null.

Syntax

javascriptelement.lastElementChild;

Príklad

Získame obsah posledného potomka elementu:

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

console.log(text);

Výsledok vykonania kódu:

javascript'2'

Príklad

A teraz prvok nemá žiadne podradené prvky a preto sa vypíše null:

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

Výsledok vykonania kódu:

javascriptnull

Pozrite tiež

  • vlastnosť firstElementChild,
    ktorá obsahuje prvý prvok
  • vlastnosť children,
    ktorá obsahuje všetkých potomkov elementu
  • vlastnosť lastChild,
    ktorá obsahuje posledný uzol