Overførsel af gruppe af DOM-elementer som parametre til funktioner
Lad nu vores funktion setText
tage en reference til ikke blot ét element,
men til et sæt af elementer med det samme som første parameter:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Lad os prøve vores funktion i praksis. Lad os sige, at vi har følgende afsnit:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Lad os bruge vores funktion til at sætte en eller anden tekst for alle disse afsnit:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
Lav en funktion appendText, som
som første parameter vil tage et array
af DOM-elementer, og som anden parameter - tekst. Lav det sådan,
at denne funktion tilføjer teksten
i slutningen af de overførte elementer.
Lav en funktion appendElem, som
som første parameter vil tage en reference til
et DOM-objekt, som indeholder ul-tagget,
og som anden parameter - tekst. Lav det sådan, at denne
funktion opretter en ny li med den overførte
tekst og tilføjer den i slutningen af det overførte
ul-tag.
Der er givet et array og en ul. Brug funktionen
appendElem, oprettet i den foregående
opgave, til at skrive hvert element i arrayet til
en separat li i denne ul.