Passaggio di un gruppo di elementi DOM come parametri di funzioni
Supponiamo ora che la nostra funzione setText
accetti come primo parametro un riferimento
non a un singolo elemento, ma immediatamente a un insieme di elementi:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Proviamo la nostra funzione in pratica. Supponiamo di avere i seguenti paragrafi:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Usiamo la nostra funzione per impostare un testo per tutti questi paragrafi:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
Crea una funzione appendText che
accetti come primo parametro un array
di elementi DOM e come secondo - del testo. Fai in modo
che questa funzione aggiunga il testo
alla fine degli elementi passati.
Crea una funzione appendElem che
accetti come primo parametro un riferimento a
un oggetto DOM contenente un tag ul,
e come secondo - del testo. Fai in modo che questa
funzione crei un nuovo elemento li con il testo
passato e lo aggiunga alla fine del tag
ul passato.
Dato un array e un ul. Utilizzando la funzione
appendElem, creata nell'attività precedente,
scrivi ogni elemento dell'array in
un li separato in questo ul.