DOM to‘plamlari (HTMLCollection)
HTMLCollection obyekti
getElementsByTagName() usuli HTMLCollection obyektini qaytaradi.
HTMLCollection obyekti — HTML elementlarining massivga o‘xshash ro‘yxati (to‘plami).
Quyidagi kod hujjatdagi barcha <p> elementlarni tanlaydi:
Misol
const myCollection = document.getElementsByTagName("p");
To‘plamdagi elementlarga indeks raqami orqali kirish mumkin.
Ikkinchi <p> elementga kirish uchun quyidagilarni yozishingiz mumkin:
myCollection[1]
O‘zingiz sinab ko‘ring »
Eslatma: The index starts at 0.
HTML HTMLCollection uzunligi
length xususiyati HTMLCollection dagi elementlar sonini belgilaydi:
length xossasi a dagi elementlarni aylanib o‘tmoqchi bo‘lganingizda foydali bo‘ladi
yig‘ish:
Misol
Barcha <p> elementlarning matn rangini o‘zgartiring:
const myCollection = document.getElementsByTagName("p");
for (let i = 0; i < myCollection.length; i++) {
myCollection[i].style.color = "red";
}
O‘zingiz sinab ko‘ring »
HTMLCollection massiv EMAS!
HTMLCollection massiv kabi ko‘rinishi mumkin, lekin unday emas.
Ro‘yxat bo‘ylab aylanib, elementlarga raqam orqali murojaat qilishingiz mumkin (xuddi massivdagi kabi).
Biroq HTMLCollection’da valueOf(), pop(), push() yoki join() kabi massiv metodlaridan foydalana olmaysiz.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!