Metodo getElementsByTagName
Il metodo getElementsByTagName consente
di ottenere elementi della pagina per nome del tag.
Con gli elementi ottenuti è possibile eseguire
varie manipolazioni: cambiare il loro testo, attributi,
stili CSS e così via.
Sintassi
document.getElementsByTagName(nome tag);
Esempio
Otteniamo tutti i paragrafi e modifichiamo il loro testo
utilizzando la proprietà innerHTML:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
let elems = document.getElementsByTagName('p');
for (let elem of elems) {
elem.innerHTML = '!!!';
}
Risultato dell'esecuzione del codice:
<p>!!!</p>
<p>!!!</p>
<p>!!!</p>
Vedi anche
-
metodo
querySelectorAll,
che ottiene un gruppo di elementi tramite selettore -
metodo
getElementsByClassName,
che ottiene un gruppo di elementi per classe
