getElementsByTagName()
Misol
"li" teg nomiga ega barcha elementlarni oling:
const collection = document.getElementsByTagName("li");
O‘zingiz sinab ko‘ring »
Hujjatdagi barcha elementlarni oling:
const collection = document.getElementsByTagName("*");
O‘zingiz sinab ko‘ring »
Hujjatdagi birinchi <p> elementining ichki HTML’ini o‘zgartiring:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
getElementsByTagName() metodi belgilangan teg nomiga ega barcha elementlar kolleksiyasini qaytaradi.
getElementsByTagName() metodi HTMLCollection qaytaradi.
getElementsByTagName() xususiyati faqat o‘qish uchun.
Eslatma
getElementsByTagName("*") hujjatdagi barcha elementlarni 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
document.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
Hujjatdagi <li> elementlari soni:
let numb = document.getElementsByTagName("li").length;
O‘zingiz sinab ko‘ring »
Barcha <p> elementlarining fon rangini o‘zgartiring:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
JavaScript ma’lumotnomasi: element.getElementsByTagName()
JavaScript darsligi: JavaScript HTML DOM tugunlar ro‘yxati (Node List)
Brauzerlarda qo‘llab-quvvatlash
document.getElementsByTagName() — 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 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!