Übergabe einer Gruppe von DOM-Elementen als Funktionsparameter

Nehmen wir nun an, dass unsere Funktion setText als ersten Parameter nicht einen Verweis auf ein Element, sondern sofort eine Gruppe von Elementen entgegennimmt:

javascriptfunction setText(elems, text) {
  for (let elem of elems) {
    elem.textContent = text;
  }
}

Lassen Sie uns unsere Funktion in der Praxis testen. Nehmen wir an, wir haben die folgenden Absätze:

html<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>

Lassen Sie uns mit unserer Funktion allen diesen Absätzen einen Text zuweisen:

javascriptlet elems = document.querySelectorAll('.elem');
setText(elems, 'text');

Задание 1

Erstellen Sie eine Funktion appendText, die als ersten Parameter ein Array von DOM-Elementen und als zweiten Parameter einen Text entgegennimmt. Sorgen Sie dafür, dass diese Funktion den Text an das Ende der übergebenen Elemente anhängt.

Задание 2

Erstellen Sie eine Funktion appendElem, die als ersten Parameter einen Verweis auf ein DOM-Objekt, das ein ul-Tag enthält, entgegennimmt, und als zweiten - einen Text. Sorgen Sie dafür, dass diese Funktion ein neues li mit dem übergebenen Text erstellt und es an das Ende des übergebenen ul-Tags anhängt.

Задание 3

Gegeben sei ein Array und ein ul. Verwenden Sie die Funktion appendElem aus der vorherigen Aufgabe, um jedes Element des Arrays in ein eigenes li in diesem ul zu schreiben.