Metóda getElementsByClassName
Metóda getElementsByClassName umožňuje
získať elementy stránky podľa ich triedy,
zadanej v atribúte
class. So získanými elementmi je možné
vykonávať rôzne manipulácie:
meniť ich text, atribúty, CSS štýly a podobne.
Syntax
document.getElementsByClassName(názov triedy);
Príklad
Získajme všetky elementy s triedou www
a zmeňme im text pomocou vlastnosti 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 = '!!!';
}
Výsledok vykonania kódu:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Pozrite tiež
-
metóda
querySelectorAll,
ktorá získava skupinu elementov podľa selektora -
metóda
getElementsByTagName,
ktorá získava skupinu elementov podľa tagu
