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 հատկությունը,
որը պարունակում է առաջին հանգույցը