Funktiot DOM-elementtiryhmän käsittelyyn
Nyt kirjoitetaan funktio, joka parametrina ottaa ryhmäelementtien valitsimen ja niiden uuden tekstin. Olkoon tämä funktio asettava kaikille valitsimeen osuville elementeille uuden tekstin.
Toteutetaan kuvattu funktio:
function setText(selector, text) {
let elems = document.querySelectorAll(selector);
for (let elem of elems) {
elem.textContent = text;
}
}
Testataan sitä seuraavalla elementtiryhmällä:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Asetetaan kaikille elementeille, joilla on luokka elem
uusi teksti:
setText('.elem', 'text');
Tee funktio appendText, joka
ensimmäisenä parametrina ottaa valitsimen,
ja toisena - tekstin. Tee niin, että tämä funktio
lisää tekstin annettujen elementtien
loppuun.
