getElementsByClassName Metodu

getElementsByClassName metodu səhifə elementlərini onların class atributunda təyin olunmuş sinfi üzrə almağa imkan verir. Alınmış elementlərlə müxtəlif manipulyasiyalar aparmaq olar: onların mətnini, atributlarını, CSS stillərini və s. dəyişmək.

Sintaksis

javascriptdocument.getElementsByClassName(sinif adı);

Nümunə

Gəlin www sinfinə malik bütün elementləri alaq və onların mətnini innerHTML xassəsi ilə dəyişək:

html<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>

javascriptlet elems = document.getElementsByClassName('www');

for (let elem of elems) {
  elem.innerHTML = '!!!';
}

Kodun icrasının nəticəsi:

html<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

Həmçinin Baxın