DOM-elementtiryhmän välittäminen funktioiden parametreina
Oletetaan nyt, että funktiomme setText
ottaa ensimmäisenä parametrina viittauksen
ei yhteen elementtiin, vaan heti kokoelmän elementtejä:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Testataan funktiotamme käytännössä. Oletetaan, että meillä on seuraavat kappaleet:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Asetetaan funktiollamme kaikille näille kappaleille jotain tekstiä:
let elems = document.querySelectorAll('.elem');
setText(elems, 'teksti');
Tee funktio appendText, joka
ottaa ensimmäisenä parametrina taulukon
DOM-elementtejä ja toisena - tekstin. Tee
niin, että tämä funktio lisää tekstin
annettujen elementtien loppuun.
Tee funktio appendElem, joka
ottaa ensimmäisenä parametrina viittauksen
DOM-objektiin, jossa on ul-tagi,
ja toisena - tekstin. Tee niin, että tämä
funktio luo uuden li:n annetulla
tekstillä ja lisää sen annetun
ul-tagin loppuun.
Annettu taulukko ja ul. Käytä funktiota
appendElem, joka luotiin edellisessä
tehtävässä, kirjoittaaksesi jokainen taulukon elementti
erilliseen li:iin tässä ul:ssa.