Passer un groupe d'éléments DOM en paramètres de fonctions
Supposons maintenant que notre fonction setText
accepte en premier paramètre une référence
non pas à un seul élément, mais directement à un ensemble d'éléments :
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Testons notre fonction en pratique. Supposons que nous ayons les paragraphes suivants :
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Utilisons notre fonction pour définir un texte pour tous ces paragraphes :
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
Créez une fonction appendText qui
acceptera en premier paramètre un tableau
d'éléments DOM, et en second - un texte. Faites en sorte
que cette fonction ajoute le texte
à la fin des éléments transmis.
Créez une fonction appendElem qui
acceptera en premier paramètre une référence à
un objet DOM contenant une balise ul,
et en second - un texte. Faites en sorte que cette
fonction crée un nouveau li avec le texte
transmis et l'ajoute à la fin de la balise
ul transmise.
Étant donné un tableau et un ul. En utilisant la fonction
appendElem, créée dans la tâche
précédente, enregistrez chaque élément du tableau dans
un li séparé dans ce ul.