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

javascriptdocument.getElementsByTagName(teg nomi);

Misol

Keling, barcha abzatslarni olaylik va ularning matnini innerHTML xususiyati yordamida o‘zgartiramiz:

html<p>element 1</p>
<p>element 2</p>
<p>element 3</p>

javascriptlet elementlar = document.getElementsByTagName('p');

for (let element of elementlar) {
  element.innerHTML = '!!!';
}

Kodni bajarish natijasi:

html<p>!!!</p>
<p>!!!</p>
<p>!!!</p>

Shuningdek qarang