DOM elemek csoportjának átadása paraméterekként
Tegyük fel, hogy a setText függvényünk
első paramétereként most nem egy elemre mutató hivatkozást,
hanem azonnal egy elemkészletet fogad:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Próbáljuk ki gyakorlatban a függvényünket. Tegyük fel, hogy a következő bekezdéseink vannak:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Állítsunk be ezeknek a bekezdéseknek valamilyen szöveget a függvényünk segítségével:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
Készítsen egy appendText függvényt, amely
első paraméterként egy DOM elemek tömbjét fogadja,
második paraméterként pedig egy szöveget. Ügyeljen arra,
hogy ez a függvény a szöveget a megadott elemek
végéhez fűzze.
Készítsen egy appendElem függvényt, amely
első paraméterként egy DOM objektumra mutató hivatkozást fogad,
amely egy ul tagot tartalmaz,
második paraméterként pedig egy szöveget. Ügyeljen arra,
hogy ez a függvény létrehozzon egy új li-t a megadott
szöveggel, és hozzáadja azt az átadott
ul tag végéhez.
Adott egy tömb és egy ul. Az előző
feladatban létrehozott appendElem függvény
segítségével írja be a tömb minden elemét
külön li-be ebbe a ul-be.