Ü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:
function 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:
<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:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
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.
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.
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.