item()
HTML DOM NodeList item()
❮ NodeList obyektiMisollar
<body> elementining bola tugunlarini oling:
const nodeList = document.body.childNodes;
O‘zingiz sinab ko‘ring »
Birinchi bola tugunning nomini oling:
const list = document.body.childNodes;
let name = list.item(0).nodeName;
O‘zingiz sinab ko‘ring »
Bu ham xuddi shu natijani beradi:
const list = document.body.childNodes;
let name = list[0].nodeName;
O‘zingiz sinab ko‘ring »
Hujjatdagi birinchi <p> elementining HTML tarkibini oling:
const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
item() metodi NodeList ichidagi ko‘rsatilgan indeksdagi tugunni qaytaradi.
Ko‘rsatilgan indeksdagi tugunga murojaat qilishning ikki usuli bor:
list.item(index)yokilist[index]
Eng oson va eng keng tarqalgan usul — [index].
Shuningdek qarang:
Sintaksis
nodelist.item(index)yoki shunchaki:nodelist[index]
Parametrlar
| Parametr | Tavsif |
| index | Majburiy. Ro‘yxatdagi tugun indeksi. Tugunlar hujjatda joylashgan tartibda saralanadi. Indeks 0 dan boshlanadi. |
Qaytariladigan qiymat
| Tip | Tavsif |
| Object | Ko‘rsatilgan indeksdagi tugun. Indeks diapazondan tashqarida bo‘lsa, null. |
Ko‘proq misollar
Misol
"myDIV" ichidagi birinchi <p> elementining HTML tarkibini oling:
const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;
O‘zingiz sinab ko‘ring »
Misol
"myDIV" ichidagi birinchi <p> elementining HTML tarkibini o‘zgartiring:
const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";
O‘zingiz sinab ko‘ring »
Misol
class="child" bo‘lgan barcha elementlarning rangini o‘zgartiring:
const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
list[i].style.color = "red";
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
nodelist.item() — DOM Level 1 (1998) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
❮ NodeList obyekti
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!