Funksjoner for arbeid med en gruppe DOM-elementer
La oss nå skrive en funksjon som tar en selektor for en gruppe elementer og deres nye tekst som parameter. La denne funksjonen sette ny tekst for alle elementer som matcher selektoren.
La oss implementere den beskrevne funksjonen:
function setText(selector, text) {
let elems = document.querySelectorAll(selector);
for (let elem of elems) {
elem.textContent = text;
}
}
La oss teste den på en gruppe med følgende elementer:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
La oss sette ny tekst for alle elementer med klassen elem:
setText('.elem', 'text');
Lag en funksjon appendText som
tar en selektor som første parameter,
og tekst som andre parameter. Gjør slik at denne
funksjonen legger til tekst på slutten av de oppgitte
elementene.