Funktionen zur Arbeit mit einer Gruppe von DOM-Elementen
Lassen Sie uns nun eine Funktion schreiben, die als Parameter einen Selektor für eine Gruppe von Elementen und ihren neuen Text akzeptiert. Lassen Sie diese Funktion allen Elementen, die unter den Selektor fallen, neuen Text setzen.
Implementieren wir die beschriebene Funktion:
function setText(selector, text) {
let elems = document.querySelectorAll(selector);
for (let elem of elems) {
elem.textContent = text;
}
}
Lassen Sie uns sie an einer Gruppe der folgenden Elemente testen:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Setzen wir allen Elementen mit der Klasse elem
neuen Text:
setText('.elem', 'text');
Erstellen Sie die Funktion appendText, die
als ersten Parameter einen Selektor akzeptiert,
und als zweiten - Text. Sorgen Sie dafür, dass diese
Funktion Text an das Ende der übergebenen Elemente anhängt.