firstElementChild қасиеті

firstElementChild қасиеті бірінші бала элементті қамтиды. Бала элементтер ретінде блок ішінде тікелей орналасқан барлық тегтер саналады. Егер элементтің бала элементтері болмаса - null қайтарылады.

Синтаксис

элемент.firstElementChild;

Мысал

Элементтің бірінші өкілінің мазмұн алайық:

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

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

console.log(text);

Кодты орындау нәтижесі:

'1'

Мысал

Енді элементтің бала элементтері жоқ сондықтан null шығады:

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

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

Кодты орындау нәтижесі:

null

Сондай-ақ қараңыз

lastElementChild қасиеті,
ол соңғы элементті қамтиды
children қасиеті,
ол элементтің барлық өкілдерін қамтиды
firstChild қасиеті,
ол бірінші түйінді қамтиды