DOM tugunlar ro‘yxati (NodeList)
HTML DOM NodeList obyekti
NodeList obyekti — hujjatdan ajratib olingan tugunlar ro‘yxati (to‘plami).
NodeList obyekti HTMLCollection obyekti bilan deyarli bir xil.
Ba’zi (eski) brauzerlar getElementsByClassName() kabi metodlar uchun HTMLCollection o‘rniga NodeList obyektini qaytaradi.
Barcha brauzerlar childNodes xususiyati uchun NodeList obyektini qaytaradi.
Ko‘pgina brauzerlar querySelectorAll() usuli uchun NodeList obyektini qaytaradi.
Quyidagi kod hujjatdagi barcha <p> tugunlarni tanlaydi:
Misol
const myNodeList = document.querySelectorAll("p");
NodeList-dagi elementlarga indeks raqami orqali kirish mumkin.
Ikkinchi <p> tuguniga kirish uchun quyidagilarni yozishingiz mumkin:
myNodeList[1]
O‘zingiz sinab ko‘ring »
Eslatma: The index starts at 0.
HTML DOM Node List uzunligi
length xususiyati tugunlar ro‘yxatidagi tugunlar sonini belgilaydi:
length xossasi tugundagi tugunlar orqali aylanishni xohlaganingizda foydalidir
list:
Misol
Tugunlar ro‘yxatidagi barcha <p> elementlarning rangini o‘zgartiring:
const myNodelist = document.querySelectorAll("p");
for (let i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.color = "red";
}
O‘zingiz sinab ko‘ring »
HTML Collection va NodeList o‘rtasidagi farq
NodeList va HTMLcollection bir xil narsadir.
Ikkalasi ham hujjatdan ajratib olingan tugunlarning (elementlarning) massivga o‘xshash to‘plamlari (ro‘yxatlari). Tugunlarga indeks raqamlari orqali murojaat qilish mumkin. Indeks 0 dan boshlanadi.
Ikkalasida ham ro‘yxatdagi (to‘plamdagi) elementlar sonini qaytaradigan length xususiyati bor.
HTMLCollection - bu hujjat elementlari to‘plami.
NodeList — hujjat tugunlari (element tugunlari, atribut tugunlari va matn tugunlari) to‘plami.
HTMLCollection elementlariga ularning nomi, identifikatori yoki indeks raqami orqali kirish mumkin.
NodeList elementlariga faqat ularning indeks raqami orqali kirish mumkin.
HTMLCollection har doim jonli to‘plamdir. Misol: Agar siz DOM ro‘yxatiga
NodeList ko‘pincha statik to‘plamdir. Misol: Agar siz DOM ro‘yxatiga
getElementsByClassName() va getElementsByTagName() metodlari jonli (live) HTMLCollection qaytaradi.
querySelectorAll() metodi statik NodeList qaytaradi.
childNodes xususiyati jonli NodeListni qaytaradi.
Array emas!
NodeList massiv kabi ko‘rinishi mumkin, lekin unday emas.
Siz NodeList orqali aylanishingiz va uning tugunlariga indeks bo‘yicha murojaat qilishingiz mumkin.
Biroq NodeList’da push(), pop() yoki join() kabi massiv metodlaridan foydalana olmaysiz.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!