Posredovanje skupine DOM elementov s parametri funkcij
Naj naša funkcija setText
prvi parameter sprejme sklic
ne na en element, ampak takoj na niz elementov:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Preizkusimo našo funkcijo v praksi. Recimo, da imamo naslednje odstavke:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
S pomočjo naše funkcije nastavimo vsem tem odstavkom nekaj besedila:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
Naredite funkcijo appendText, ki
bo prvi parameter sprejela polje
DOM elementov, drugi pa besedilo. Naredite
tako, da ta funkcija doda besedilo
na konec posredovanih elementov.
Naredite funkcijo appendElem, ki
bo prvi parameter sprejela sklic na
DOM objekt, v katerem je tag ul,
drugi pa besedilo. Naredite tako, da ta
funkcija ustvari novo li s posredovanim
besedilom in jo doda na konec posredovanega
taga ul.
Podano je polje in ul. S pomočjo funkcije
appendElem, ustvarjene v prejšnji
nalogi, zapišite vsak element polja v
ločeno li v tem ul.