Vetoria firstElementChild

Vetoria firstElementChild përmban elementin e parë fëmijë. Elementët fëmijë konsiderohen të gjitha etiketat që janë direkt të vendosura brenda bllokut. Nëse elementi nuk ka elementë fëmijë - kthehet null.

Sintaksa

javascriptelementi.firstElementChild;

Shembull

Le të marrim përmbajtjen e elementit të parë pasardhës:

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

console.log(text);

Rezultati i ekzekutimit të kodit:

javascript'1'

Shembull

Tani elementi nuk ka elementë fëmijë dhe për këtë arsye do të shfaqet null:

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

Rezultati i ekzekutimit të kodit:

javascriptnull

Shihni gjithashtu

  • vetoria lastElementChild,
    që përmban elementin e fundit
  • vetoria children,
    që përmban të gjithë pasardhësit e elementit
  • vetoria firstChild,
    që përmban nyjen e parë