Przekazywanie grupy elementów DOM jako parametry funkcji
Załóżmy teraz, że nasza funkcja setText
jako pierwszy parametr będzie przyjmować odnośnik
nie do jednego elementu, ale od razu zestaw elementów:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Przetestujmy naszą funkcję w praktyce. Załóżmy, że mamy następujące akapity:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Użyjmy naszej funkcji, aby ustawić wszystkim tym akapitom jakiś tekst:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
Stwórz funkcję appendText, która
pierwszym parametrem będzie przyjmować tablicę
elementów DOM, a drugim - tekst. Spraw, aby
ta funkcja dodawała tekst na koniec przekazanych elementów.
Stwórz funkcję appendElem, która
pierwszym parametrem będzie przyjmować odnośnik do
obiektu DOM, w którym znajduje się znacznik ul,
a drugim - tekst. Spraw, aby ta funkcja tworzyła nowy
li z przekazanym tekstem i dodawała go na koniec przekazanego
znacznika ul.
Dana jest tablica i ul. Za pomocą funkcji
appendElem, stworzonej w poprzednim
zadaniu, zapisz każdy element tablicy w
osobnym li w tym ul.