Funkcje do pracy z grupą elementów DOM
Teraz napiszmy funkcję, która jako parametr będzie przyjmować selektor grupy elementów i ich nowy tekst. Niech ta funkcja ustawia wszystkim pasującym do selektora elementom nowy tekst.
Zaimplementujmy opisaną funkcję:
function setText(selector, text) {
let elems = document.querySelectorAll(selector);
for (let elem of elems) {
elem.textContent = text;
}
}
Sprawdźmy ją na grupie następujących elementów:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Ustawmy wszystkim elementom z klasą elem
nowy tekst:
setText('.elem', 'text');
Stwórz funkcję appendText, która
pierwszym parametrem będzie przyjmować selektor,
a drugim - tekst. Zrób tak, aby ta funkcja
dodawała tekst na końcu przekazanych
elementów.
