Overføring av en gruppe DOM-elementer som parametre til funksjoner
La nå vår funksjon setText
ta en referanse som første parameter
ikke til ett element, men til et sett med elementer umiddelbart:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
La oss teste funksjonen vår i praksis. La oss si at vi har følgende avsnitt:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
La oss bruke funksjonen vår til å sette en hvilken som helst tekst til alle disse avsnittene:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
Lag en funksjon appendText som
tar en matrise med DOM-elementer som første parameter,
og tekst som den andre. Gjør slik at
denne funksjonen legger til teksten
på slutten av de overførte elementene.
Lag en funksjon appendElem som
tar en referanse til et DOM-objekt som første parameter,
som inneholder taggen ul,
og tekst som den andre. Gjør slik at denne
funksjonen oppretter en ny li med den overførte
teksten og legger den til på slutten av den overførte
taggen ul.
Det er gitt en matrise og en ul. Bruk funksjonen
appendElem, opprettet i forrige
oppgave, til å skrive hvert element i matrisen til
hver sin li i denne ul.