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
document.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:
<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
let elems = document.getElementsByClassName('www');
for (let elem of elems) {
elem.innerHTML = '!!!';
}
Kodun icrasının nəticəsi:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Həmçinin Baxın
-
querySelectorAllmetodu,
element qrupunu selektor üzrə alır -
getElementsByTagNamemetodu,
element qrupunu teq üzrə alır
