children
Misol
<body> elementining bolalari kolleksiyasini oling:
const collection = document.body.children;
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
children xususiyati elementning bola elementlari kolleksiyasini qaytaradi.
children xususiyati HTMLCollection obyektini qaytaradi.
Shuningdek qarang:
HTML tugunlar va elementlar
HTML DOM (Document Object Model) nuqtai nazaridan HTML hujjat — bola tugunlarga ega bo‘lgan (yoki ega bo‘lmagan) tugunlar kolleksiyasi.
Tugunlar — bu 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).
Qo‘shni tugunlar va qo‘shni elementlar
Qo‘shnilar (siblings) — bu "aka-uka" va "opa-singil"lar.
Qo‘shni tugunlar — ota tuguni bir xil bo‘lgan (bitta childNodes ro‘yxatidagi) tugunlar.
Qo‘shni elementlar — ota elementi bir xil bo‘lgan (bitta children ro‘yxatidagi) elementlar.
Sintaksis
element.children
Qaytariladigan qiymat
| Tip | Tavsif |
| Object | HTMLCollection obyekti. Element tugunlari kolleksiyasi. Elementlar hujjatda joylashgan tartibda saralanadi. |
Ko‘proq misollar
"myDIV" elementining nechta bolasi bor:
let count = document.getElementById("myDIV").children.length;
O‘zingiz sinab ko‘ring »
"myDIV" elementining ikkinchi bola elementi fonini o‘zgartiring:
const collection = document.getElementById("myDIV").children;
collection[1].style.backgroundColor = "yellow";
O‘zingiz sinab ko‘ring »
<select> elementining uchinchi bola elementi (indeksi 2) matnini oling:
const collection = document.getElementById("mySelect").children[2].text;
O‘zingiz sinab ko‘ring »
<body> elementining barcha bolalarini sikl orqali aylanib chiqing va ularning fonini o‘zgartiring:
const collection = document.body.children;
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
element.children — 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!