lastElementChild xususiyati

lastElementChild xususiyati ichida oxirgi farzand elementni saqlaydi. Farzand elementlar deb blok ichida bevosita joylashgan barcha teglar hisoblanadi. Agar elementda farzand elementlar bo'lmasa - null qaytariladi.

Sintaksis

javascriptelement.lastElementChild;

Misol

Elementning oxirgi farzandining tarkibini olamiz:

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

console.log(text);

Kod bajarish natijasi:

javascript'2'

Misol

Endi esa elementda farzand elementlar yo'q va shuning uchun null chiqadi:

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

Kod bajarish natijasi:

javascriptnull

Shuningdek qarang

  • firstElementChild xususiyati,
    bu birinchi elementni o'z ichiga oladi
  • children xususiyati,
    bu elementning barcha farzandlarini o'z ichiga oladi
  • lastChild xususiyati,
    bu oxirgi tugunni o'z ichiga oladi