Prevod skupiny DOM elementov parametrami funkcií
Nech teraz naša funkcia setText
prvým parametrom prijíma odkaz
nie na jeden element, ale naraz na skupinu elementov:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Vyskúšajme našu funkciu v praxi. Nech máme nasledujúce odseky:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Pomocou našej funkcie nastavme všetkým týmto odsekom nejaký text:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
Vytvorte funkciu appendText, ktorá
prvým parametrom bude prijímať pole
DOM elementov, a druhým - text. Urobte
tak, aby táto funkcia pridávala text
na koniec prenesených elementov.
Vytvorte funkciu appendElem, ktorá
prvým parametrom bude prijímať odkaz na
DOM objekt, v ktorom leží tag ul,
a druhým - text. Urobte tak, aby táto
funkcia vytvorila novú li s preneseným
textom a pridala ju na koniec preneseného
tagu ul.
Dané pole a ul. Pomocou funkcie
appendElem, vytvorenej v predchádzajúcej
úloh, zapíšte každý element poľa do
separátnej li v tomto ul.