Funzioni per lavorare con un gruppo di elementi DOM
Ora scriviamo una funzione che accetti come parametro un selettore di un gruppo di elementi e il loro nuovo testo. Lasciamo che questa funzione imposti un nuovo testo per tutti gli elementi che corrispondono al selettore.
Implementiamo la funzione descritta:
function setText(selector, text) {
let elems = document.querySelectorAll(selector);
for (let elem of elems) {
elem.textContent = text;
}
}
Verifichiamola su un gruppo dei seguenti elementi:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Impostiamo un nuovo testo per tutti gli elementi con classe elem:
setText('.elem', 'text');
Crea una funzione appendText che
accetti come primo parametro un selettore,
e come secondo - del testo. Fai in modo che questa funzione
aggiunga il testo alla fine degli elementi passati.