MohirDox

Ko'rinishi

JavaScript HTML DOM kolleksiyalari (Collections) ​

HTMLCollection obyekti ​

getElementsByTagName() metodi HTMLCollection obyektini qaytaradi.

HTMLCollection obyekti — bu HTML elementlarining massivga o'xshash ro'yxati (kolleksiyasi).

Quyidagi kod hujjatdagi barcha <p> elementlarini tanlaydi:

js
const myCollection = document.getElementsByTagName('p')

Kolleksiyadagi elementlarga indeks raqami orqali murojaat qilish mumkin. Ikkinchi <p> elementiga kirish uchun quyidagicha yoziladi:

js
myCollection[1]

Eslatma

Indeks 0 dan boshlanadi.

HTMLCollection uzunligi (length) ​

length xususiyati HTMLCollection ichidagi elementlar sonini belgilaydi:

js
myCollection.length

length xususiyati kolleksiya elementlari bo'ylab sikl (loop) aylanishda juda foydali:

Misol: Barcha <p> elementlarining matn rangini o'zgartirish ​

js
const myCollection = document.getElementsByTagName('p')

for (let i = 0; i < myCollection.length; i++) {
  myCollection[i].style.color = 'red'
}

HTMLCollection massiv EMAS! ​

HTMLCollection massivga o'xshab ko'rinishi mumkin, lekin u massiv emas.

  • Siz ro'yxat bo'ylab sikl aylanishingiz va elementlarga raqam orqali murojaat qilishingiz mumkin.
  • Biroq, siz HTMLCollection da valueOf(), pop(), push() yoki join() kabi massiv metodlarini ishlata olmaysiz.