firstElementChild xususiyati

firstElementChild xususiyati birinchi farzand elementni o'z ichiga oladi. Farzand elementlar sifatida blok ichida bevosita joylashgan barcha teglar hisoblanadi. Agar elementning farzand elementlari bo'lmasa - null qaytariladi.

Sintaksis

element.firstElementChild;

Misol

Elementning birinchi farzandining tarkibini olamiz:

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

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

console.log(text);

Kod bajarilishi natijasi:

'1'

Misol

Endi esa elementning farzand elementlari yo'q va shuning uchun null chiqadi:

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

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

Kod bajarilishi natijasi:

null

Shuningdek qarang

lastElementChild xususiyati,
bu oxirgi elementni o'z ichiga oladi
children xususiyati,
bu elementning barcha farzandlarini o'z ichiga oladi
firstChild xususiyati,
bu birinchi tugunni o'z ichiga oladi