Een groep DOM-elementen doorgeven als functieparameters
Stel dat onze functie setText
als eerste parameter geen verwijzing
naar één element accepteert, maar meteen een set elementen:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Laten we onze functie in de praktijk testen. Stel dat we de volgende paragrafen hebben:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Laten we met behulp van onze functie al deze paragrafen een tekst instellen:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
Maak een functie appendText, die
als eerste parameter een array van
DOM-elementen accepteert, en als tweede - tekst. Zorg ervoor
dat deze functie tekst toevoegt
aan het einde van de doorgegeven elementen.
Maak een functie appendElem, die
als eerste parameter een verwijzing naar
een DOM-object accepteert, waarin de tag ul zit,
en als tweede - tekst. Zorg ervoor dat deze
functie een nieuwe li aanmaakt met de doorgegeven
tekst en deze toevoegt aan het einde van de doorgegeven
tag ul.
Gegeven een array en een ul. Gebruik de functie
appendElem, gemaakt in de vorige
taak, om elk element van de array in
een aparte li in deze ul te plaatsen.