Oordrag van 'n groep DOM elemente as parameters vir funksies
Laat ons nou aanneem dat ons funksie setText
die eerste parameter nie 'n verwysing na een element nie,
maar dadelik na 'n versameling elemente sal aanvaar:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Kom ons toets ons funksie in die praktyk. Laat ons die volgende paragrawe hê:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Kom ons gebruik ons funksie om al hierdie paragrawe met 'n teks te vul:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
Maak 'n funksie appendText wat
die eerste parameter 'n skikking van
DOM elemente sal aanvaar, en die tweede - teks. Maak
seker dat hierdie funksie teks aan die
einde van die oorgedraagde elemente byvoeg.
Maak 'n funksie appendElem wat
die eerste parameter 'n verwysing na 'n
DOM objek wat die ul-tag bevat, sal aanvaar,
en die tweede - teks. Maak seker dat hierdie
funksie 'n nuwe li met die oorgedraagde
teks skep en dit aan die einde van die oorgedraagde
ul-tag byvoeg.
Daar is 'n skikking en 'n ul. Gebruik die funksie
appendElem, geskep in die vorige
taak, om elke element van die skikking in 'n
afsonderlike li in hierdie ul te skryf.