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

javascriptelement.firstElementChild;

Misol

Elementning birinchi farzandining tarkibini olamiz:

html<div id="parent">
  <p>1</p>
  <p>2</p>
</div>
javascriptlet parent = document.querySelector('#parent');
let text = parent.firstElementChild.textContent;

console.log(text);

Kod bajarilishi natijasi:

javascript'1'

Misol

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

html<div id="parent"></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.firstElementChild);

Kod bajarilishi natijasi:

javascriptnull

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