item()
Misol
Birinchi <p> elementining HTML tarkibini oling:
const collection = document.getElementsByTagName("p").item(0);
let text = collection.innerHTML;
O‘zingiz sinab ko‘ring »
Ushbu qisqa yozuv ham xuddi shu natijani beradi:
const collection = document.getElementsByTagName("p")[0];
let text = collection.innerHTML;
O‘zingiz sinab ko‘ring »
Birinchi <p> elementining HTML tarkibini o‘zgartiring:
document.getElementsByTagName("p")[0].innerHTML = "Paragraph changed";
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
item() metodi HTMLCollection ichidagi ko‘rsatilgan indeksdagi elementni qaytaradi.
HTMLCollection
HTMLCollection — HTML elementlarning massivsimon kolleksiyasi (ro‘yxati).
length xususiyati kolleksiyadagi elementlar sonini qaytaradi.
Elementlarga indeks orqali murojaat qilish mumkin (0 dan boshlanadi).
HTMLCollection jonli (live) bo‘ladi. Hujjat o‘zgarganda u avtomatik ravishda yangilanadi.
Shuningdek qarang
Sintaksis
HTMLCollection.item(index)yokiHTMLCollection[index]
Parametrlar
| Parametr | Tavsif |
| index | Majburiy. Qaytariladigan element indeksi. Indeks 0 dan boshlanadi. |
Qaytariladigan qiymat
| Tip | Tavsif |
| Element | Ko‘rsatilgan indeksdagi element. Indeks diapazondan tashqarida bo‘lsa, null. |
Ko‘proq misollar
Misol
class="myclass" bo‘lgan barcha elementlarni sikl orqali aylanib chiqing va ularning shrift o‘lchamini o‘zgartiring:
const collection = document.getElementsByClassName("myclass");
for (let i = 0; i < collection.length; i++) {
collection.item(i).style.fontSize ="24px";
}
O‘zingiz sinab ko‘ring »
Misol
"myDIV" ichidagi ikkinchi <p> elementining tarkibini oling:
const div = document.getElementById("myDIV");
const collection = div.getElementsByTagName("p");
let text = collection[1].innerHTML;
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
HTMLCollection.item() barcha brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!