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

javascriptdocument.getElementsByClassName(název třídy);

Příklad

Získejme všechny elementy s třídou www a změňme jejich text pomocí vlastnosti innerHTML:

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 = '!!!';
}

Výsledek provedení kódu:

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

Viz také