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.


ULASHISH

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.



Sintaksis

document.getElementsByTagName(tagname)

Parametrlar

Parametr Tavsif
tagname Majburiy.
Elementlarning teg nomi.

Qaytariladigan qiymat

Tip Tavsif
ObjectHTMLCollection 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!