Prosleđivanje grupe DOM elemenata parametrima funkcija
Neka sada naša funkcija setText
prvi parametar prima ne referencu
na jedan element, već odmah skup elemenata:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Hajde da isprobamo našu funkciju u praksi. Pretpostavimo da imamo sledeće paragrafe:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Hajde da pomoću naše funkcije postavimo svim tim paragrafima neki tekst:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
Napravite funkciju appendText koja
će prvi parametar primati niz
DOM elemenata, a drugi - tekst. Uredite
tako da ova funkcija dodaje tekst
na kraj prosleđenih elemenata.
Napravite funkciju appendElem koja
će prvi parametar primati referencu na
DOM objekat u kojem se nalazi tag ul,
a drugi - tekst. Uredite tako da ova
funkcija kreira novu li sa prosleđenim
tekstom i doda je na kraj prosleđenog
taga ul.
Dat je niz i ul. Pomoću funkcije
appendElem, kreirane u prethodnom
zadatku, upišite svaki element niza u
posebnu li u ovom ul.