Metodo getElementsByClassName
Il metodo getElementsByClassName permette
di ottenere elementi della pagina per la loro classe,
impostata nell'attributo
class. Con gli elementi ottenuti si potranno
effettuare varie manipolazioni:
cambiare il loro testo, attributi, stili CSS e così via.
Sintassi
document.getElementsByClassName(nome classe);
Esempio
Otteniamo tutti gli elementi con la classe www
e modifichiamo il loro testo utilizzando la proprietà 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 = '!!!';
}
Risultato dell'esecuzione del codice:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Vedi anche
-
metodo
querySelectorAll,
che ottiene un gruppo di elementi per selettore -
metodo
getElementsByTagName,
che ottiene un gruppo di elementi per tag
