lastChild
Misol
<ul> elementining oxirgi bola tuguni HTML tarkibini qaytaring:
document.getElementById("myList").lastChild.innerHTML;
O‘zingiz sinab ko‘ring »
<select> elementining oxirgi bola tuguni matnini oling:
let text = document.getElementById("mySelect").lastChild.text;
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
lastChild xususiyati tugunning oxirgi bola tugunini qaytaradi.
lastChild xususiyati tugun obyektini qaytaradi.
lastChild xususiyati faqat o‘qish uchun.
Muhim!
lastChild oxirgi bola tugunni qaytaradi: element tuguni, matn tuguni yoki izoh tuguni.
Elementlar orasidagi bo‘sh joylar (whitespace) ham matn tugunlari hisoblanadi.
Muqobil:
lastElementChild xususiyati oxirgi bola elementni qaytaradi (matn va izoh tugunlarini e’tiborga olmaydi).
Shuningdek qarang:
Tugun xususiyatlari
Tugunlar va elementlar
HTML DOM terminologiyasida:
Tugunlar — bu barcha tugunlar (element tugunlari, matn tugunlari va izoh tugunlari).
Elementlar orasidagi bo‘sh joylar (whitespace) ham matn tugunlari hisoblanadi.
Elementlar — bu faqat element tugunlari.
childNodes va children
childNodes bola tugunlarni (element tugunlari, matn tugunlari va izoh tugunlarini) qaytaradi.
children bola elementlarni qaytaradi (matn va izoh tugunlarini emas).
firstChild va firstElementChild
firstChild birinchi bola tugunni (element tuguni, matn tuguni yoki izoh tugunini) qaytaradi. Elementlar orasidagi bo‘sh joylar (whitespace) ham matn tugunlari hisoblanadi.
firstElementChild birinchi bola elementni qaytaradi (matn va izoh tugunlarini emas).
lastChild va lastElementChild
lastChild oxirgi bola tugunni (element tuguni, matn tuguni yoki izoh tugunini) qaytaradi. Elementlar orasidagi bo‘sh joylar (whitespace) ham matn tugunlari hisoblanadi.
lastElementChild oxirgi bola elementni qaytaradi (matn va izoh tugunlarini emas).
Sintaksis
element.lastChildyokinode.lastChild
Qaytariladigan qiymat
| Tip | Tavsif |
| Node | Tugunning oxirgi bolasi. Bola tugun mavjud bo‘lmasa, null. |
Ko‘proq misollar
Bu misol bo‘sh joylar (whitespace) qanday xalaqit berishi mumkinligini ko‘rsatadi:
"myDIV" elementining oxirgi bola tuguni nomini olishga harakat qiling:
<div id="myDIV">
<p>Looks like first child</p>
<p>Looks like last Child</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>
O‘zingiz sinab ko‘ring »
Biroq, agar manba koddan bo‘sh joylarni olib tashlasangiz, "myDIV" elementida #text tugunlari bo‘lmaydi:
<div id="myDIV"><p>First child</p><p>Last Child</p></div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
element.lastChild — DOM Level 1 (1998) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!