Metoda getElementsByClassName
Metoda getElementsByClassName umožňuje
získat elementy stránky podle jejich třídy,
zadané v atributu
class. Se získanými elementy lze
provádět různé manipulace:
měnit jejich text, atributy, CSS styly a tak dále.
Syntaxe
document.getElementsByClassName(název třídy);
Příklad
Získejme všechny elementy s třídou www
a změňme jejich text pomocí 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ýsledek provedení kódu:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Viz také
-
metoda
querySelectorAll,
která získá skupinu elementů podle selektoru -
metoda
getElementsByTagName,
která získá skupinu elementů podle tagu
