Funktioner til arbejde med en gruppe af DOM-elementer
Lad os nu skrive en funktion, som parameter vil tage en selektor for en gruppe af elementer og deres nye tekst. Lad denne funktion sætte ny tekst for alle elementer, der matcher selektoren.
Lad os implementere den beskrevne funktion:
function setText(selector, text) {
let elems = document.querySelectorAll(selector);
for (let elem of elems) {
elem.textContent = text;
}
}
Lad os teste den på en gruppe af følgende elementer:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Lad os sætte ny tekst for alle elementer med klassen elem:
setText('.elem', 'text');
Lav en funktion appendText, som
første parameter vil tage en selektor,
og anden parameter - tekst. Lav det sådan at denne
funktion tilføjer teksten i slutningen af de valgte
elementer.
