getElementsByTagName usuli
getElementsByTagName usuli
sahifa elementlarini teg nomi bo‘yicha olish imkonini beradi.
Olingan elementlar bilan turli manipulyatsiyalarni amalga oshirish mumkin:
ularning matnini, atributlarini,
CSS uslublarini o‘zgartirish va hokazo.
Sintaksis
document.getElementsByTagName(teg nomi);
Misol
Keling, barcha abzatslarni olaylik va ularning matnini
innerHTML xususiyati yordamida o‘zgartiramiz:
<p>element 1</p>
<p>element 2</p>
<p>element 3</p>
let elementlar = document.getElementsByTagName('p');
for (let element of elementlar) {
element.innerHTML = '!!!';
}
Kodni bajarish natijasi:
<p>!!!</p>
<p>!!!</p>
<p>!!!</p>
Shuningdek qarang
-
querySelectorAllusuli,
selector bo‘yicha elementlar guruhini oladi -
getElementsByClassNameusuli,
sinf bo‘yicha elementlar guruhini oladi
