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

elementi.firstElementChild;

Shembull

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

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

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

console.log(text);

Rezultati i ekzekutimit të kodit:

'1'

Shembull

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

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

let parent = document.querySelector('#parent');
console.log(parent.firstElementChild);

Rezultati i ekzekutimit të kodit:

null

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ë