HTML kolleksiya (HTMLCollection)
HTMLCollection
HTMLCollection — HTML elementlaridan iborat massivga o‘xshash kolleksiya (ro‘yxat).
Kolleksiyadagi elementlarga indeks orqali murojaat qilish mumkin (0 dan boshlanadi).
length xususiyati kolleksiyadagi elementlar sonini qaytaradi.
HTMLCollection va NodeList
HTMLCollection deyarli NodeList bilan bir xil.
Quyidagi tavsifga qarang.
HTMLCollection’ni KIM qaytaradi?
Xususiyatlar va metodlar
HTMLCollection bilan quyidagi xususiyatlar va metodlardan foydalanish mumkin:
| Nomi | Tavsif |
|---|---|
| length | HTMLCollection’dagi elementlar sonini qaytaradi |
| item() | Ko‘rsatilgan indeksdagi elementni qaytaradi |
| namedItem() | Ko‘rsatilgan id ga ega elementni qaytaradi |
Misollar
Misol
Barcha paragraflarni oling:
const elements = document.getElementsByTagName("p");
O‘zingiz sinab ko‘ring »
Misol
Hujjatdagi <p> elementlari soni:
const elements = document.getElementsByTagName("p");
let numb = elements.length;
O‘zingiz sinab ko‘ring »
Misol
HTMLCollection’dagi elementlarni sikl orqali aylanib chiqing:
const elements = document.getElementsByTagName("*");
for (let i = 0; i < elements.length; i++) {
.. some code ..
}
O‘zingiz sinab ko‘ring »
Massiv emas
HTMLCollection massiv (Array) emas!
HTMLCollection massivga o‘xshab ko‘rinishi mumkin, lekin u massiv emas.
HTMLCollection’ni sikl orqali aylanib chiqishingiz va uning elementlariga indeks orqali murojaat qilishingiz mumkin.
Lekin HTMLCollection’da push(), pop() yoki join() kabi Array metodlaridan foydalana olmaysiz.
HTMLCollection va NodeList o‘rtasidagi farq
NodeList va HTMLcollection deyarli bir xil narsa.
Ikkalasi ham hujjatdan ajratib olingan tugunlarning (elementlarning) massivsimon kolleksiyalari (ro‘yxatlari). Tugunlarga indeks raqamlari orqali murojaat qilish mumkin. Indeks 0 dan boshlanadi.
Ikkalasida ham ro‘yxatdagi (kolleksiyadagi) elementlar sonini qaytaradigan length xususiyati bor.
HTMLCollection — hujjat elementlari kolleksiyasi.
NodeList — hujjat tugunlari (element tugunlari, atribut tugunlari va matn tugunlari) kolleksiyasi.
HTMLCollection elementlariga ularning nomi, id’si yoki indeks raqami orqali murojaat qilish mumkin.
NodeList elementlariga faqat indeks raqami orqali murojaat qilish mumkin.
HTMLCollection har doim jonli (live) kolleksiya bo‘ladi. Misol: agar DOM’dagi ro‘yxatga <li> elementini qo‘shsangiz, HTMLCollection’dagi ro‘yxat ham o‘zgaradi.
NodeList ko‘pincha statik kolleksiya bo‘ladi. Misol: agar DOM’dagi ro‘yxatga <li> elementini qo‘shsangiz, NodeList’dagi ro‘yxat o‘zgarmaydi.
getElementsByClassName() va getElementsByTagName() metodlari jonli HTMLCollection qaytaradi.
querySelectorAll() metodi statik NodeList qaytaradi.
childNodes xususiyati jonli NodeList qaytaradi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!