Fonctions pour travailler avec un groupe d'éléments DOM
Écrivons maintenant une fonction qui prendra en paramètre un sélecteur de groupe d'éléments et leur nouveau texte. Que cette fonction définisse un nouveau texte pour tous les éléments correspondant au sélecteur.
Implémentons la fonction décrite :
function setText(selector, text) {
let elems = document.querySelectorAll(selector);
for (let elem of elems) {
elem.textContent = text;
}
}
Testons-la sur le groupe d'éléments suivant :
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Définissons un nouveau texte pour tous les éléments
avec la classe elem :
setText('.elem', 'text');
Créez une fonction appendText qui
prendra en premier paramètre un sélecteur,
et en second - du texte. Faites en sorte que cette
fonction ajoute le texte à la fin des éléments
transmis.