childNodes
Misol
<body> elementining bola tugunlarini oling:
const nodeList = document.body.childNodes;
O‘zingiz sinab ko‘ring »
"myDIV" elementidagi bola tugunlar sonini oling:
let numb = document.getElementById("myDIV").childNodes.length;
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
childNodes xususiyati elementning bola tugunlari kolleksiyasini (ro‘yxatini) qaytaradi.
childNodes xususiyati NodeList obyektini qaytaradi.
childNodes xususiyati faqat o‘qish uchun.
childNodes[0] bilan firstChild bir xil.
Muhim!
childNodes tugunlarni qaytaradi: element tugunlari, matn tugunlari va izoh tugunlari.
Elementlar orasidagi bo‘sh joylar (whitespace) ham matn tugunlari hisoblanadi.
Muqobil:
children xususiyati elementlarni qaytaradi (matn va izohlarni e’tiborga olmaydi).
Shuningdek qarang:
Tugun xususiyatlari
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.childNodes
Qaytariladigan qiymat
| Tip | Tavsif |
| Object | Tugunlardan iborat NodeList obyekt kolleksiyasi. Tugunlar hujjatda joylashgan tartibda saralanadi. |
Ko‘proq misollar
Ikkinchi bola tugunning fon rangini o‘zgartiring:
element.childNodes[1].style.backgroundColor = "yellow";
O‘zingiz sinab ko‘ring »
<select> elementining uchinchi bola tuguni matnini oling:
let text = document.getElementById("mySelect").childNodes[2].text;
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
element.childNodes — 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!