Хосияти 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,
ки аввалин гиреҳро дар бар мегирад