DOM elementų grupės perdavimas funkcijų parametrais
Tarkime, kad mūsų funkcija setText
pirmuoju parametru priims nuorodą
ne į vieną elementą, o iškart elementų rinkinį:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Išbandykime mūsų funkciją praktiškai. Tarkime, kad turime šiuos paragrafus:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Naudodami mūsų funkciją nustatykime visiems šiems paragrafams kokį nors tekstą:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
Sukurkite funkciją appendText, kuri
pirmuoju parametru priims masyvą
DOM elementų, o antruoju - tekstą. Padarykite
tai, kad ši funkcija pridėtų tekstą
į perduotų elementų galą.
Sukurkite funkciją appendElem, kuri
pirmuoju parametru priims nuorodą į
DOM objektą, kuriame yra ul žymė,
o antruoju - tekstą. Padarykite taip, kad ši
funkcija sukurtų naują li su perduotu
tekstu ir pridėtų ją į perduotos
ul žymės galą.
Duotas masyvas ir ul. Naudodami funkciją
appendElem, sukurtą ankstesniame
uždavinyje, įrašykite kiekvieną masyvo elementą į
atskirą li šiame ul.