getElementsByTagName()
Misollar
Ro‘yxatdagi birinchi <li> elementining HTML tarkibini o‘zgartiring:
const list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("li")[0].innerHTML = "Milk";
O‘zingiz sinab ko‘ring »
"myDIV" ichidagi <p> elementlari soni:
const element = document.getElementById("myDIV");
const nodes = element.getElementsByTagName("p");
let numb = nodes.length;
O‘zingiz sinab ko‘ring »
"myDIV" ichidagi ikkinchi <p> elementining shrift o‘lchamini o‘zgartiring:
const element = document.getElementById("myDIV");
element.getElementsByTagName("p")[1].style.fontSize = "24px";
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
getElementsByTagName() metodi berilgan teg nomiga ega barcha bola elementlar kolleksiyasini qaytaradi.
getElementsByTagName() metodi jonli (live) HTMLCollection 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.
Eslatma
"*" teg nomi barcha bola elementlarni qaytaradi.
Shuningdek qarang:
Sintaksis
element.getElementsByTagName(tagname)
Parametrlar
| Parametr | Tavsif |
| tagname | Majburiy. Elementlarning teg nomi. |
Qaytariladigan qiymat
| Tip | Tavsif |
| Object | HTMLCollection obyekti. Belgilangan teg nomiga ega elementlar kolleksiyasi. Elementlar hujjatda joylashgan tartibda saralangan. |
Ko‘proq misollar
"myDIV" ichidagi barcha <p> elementlarining fon rangini o‘zgartiring:
const div = document.getElementById("myDIV");
const nodes = x.getElementsByTagName("P");
for (let i = 0; i < nodes.length; i++) {
nodes[i].style.backgroundColor = "red";
}
O‘zingiz sinab ko‘ring »
"myDIV" ichidagi to‘rtinchi elementning (indeksi 3) fon rangini o‘zgartiring:
const div = document.getElementById("myDIV");
div.getElementsByTagName("*")[3].style.backgroundColor = "red";
O‘zingiz sinab ko‘ring »
"*" parametridan foydalanish.
"myDIV" ichidagi barcha elementlarning fon rangini o‘zgartiring:
const div = document.getElementById("myDIV");
const nodes = div.getElementsByTagName("*");
for (let i = 0; i < nodes.length; i++) {
nodes[i].style.backgroundColor = "red";
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
element.getElementsByTagName() barcha brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!