Metoda getElementsByClassName
Metoda getElementsByClassName pozwala
pobrać elementy strony po ich klasie,
ustawionej w atrybucie
class. Na pobranych elementach można
następnie wykonywać różne manipulacje:
zmieniać ich tekst, atrybuty, style CSS i tak dalej.
Składnia
document.getElementsByClassName(nazwa klasy);
Przykład
Pobierzmy wszystkie elementy z klasą www
i zmieńmy ich tekst za pomocą właściwości innerHTML:
<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 = '!!!';
}
Wynik wykonania kodu:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Zobacz też
-
metoda
querySelectorAll,
która pobiera grupę elementów po selektorze -
metoda
getElementsByTagName,
która pobiera grupę elementów po tagu
