firstChild
Misol
<ul> elementining birinchi bola tuguni HTML tarkibini qaytaring:
document.getElementById("myList").firstChild.innerHTML;
O‘zingiz sinab ko‘ring »
<select> elementining birinchi bola tuguni matnini oling:
let text = document.getElementById("mySelect").firstChild.text;
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
firstChild xususiyati tugunning birinchi bola tugunini qaytaradi.
firstChild xususiyati tugun obyektini qaytaradi.
firstChild xususiyati faqat o‘qish uchun.
firstChild xususiyati childNodes[0] bilan bir xil.
Muhim!
firstChild birinchi bola tugunni qaytaradi: element tuguni, matn tuguni yoki izoh tuguni.
Elementlar orasidagi bo‘sh joylar (whitespace) ham matn tugunlari hisoblanadi.
Muqobil:
firstElementChild xususiyati birinchi 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.firstChildyokinode.firstChild
Qaytariladigan qiymat
| Tip | Tavsif |
| Node | Tugunning birinchi bolasi. Bola tugun mavjud bo‘lmasa, null. |
Ko‘proq misollar
Bu misol bo‘sh joylar (whitespace) qanday xalaqit berishi mumkinligini ko‘rsatadi.
"myDIV" elementining birinchi 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").firstChild.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").firstChild.nodeName;
</script>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
element.firstChild — 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!