Vlastnosť firstElementChild

Vlastnosť firstElementChild obsahuje prvý podradený prvok. Podradenými prvkami sa považujú všetky značky, ktoré sú priamo umiestnené vo vnútri bloku. Ak prvok nemá žiadne podradené prvky - vráti sa null.

Syntax

javascriptelement.firstElementChild;

Príklad

Získame obsah prvého potomka elementu:

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

console.log(text);

Výsledok vykonania kódu:

javascript'1'

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.firstElementChild);

Výsledok vykonania kódu:

javascriptnull

Pozrite tiež

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