Fonctions pour travailler avec un élément DOM en JavaScript

Maintenant, nous allons apprendre à créer des fonctions d'assistance, effectuant des opérations avec le DOM. Par exemple, créons une fonction qui prendra comme premier paramètre id de l'élément, et comme second - le texte de l'élément, et définira un nouveau texte pour cet élément.

Voici la fonction décrite :

javascriptfunction setText(id, text) {
  let elem = document.getElementById(id);
  elem.textContent = text;
}

Testons son fonctionnement. Supposons que nous ayons deux paragraphes :

html<p id="elem1"></p>
<p id="elem2"></p>

Modifions le texte de ces paragraphes en utilisant la fonction que nous avons créée :

javascriptsetText('elem1', 'text1');
setText('elem2', 'text2');

Задание 1

Modifiez la fonction que j'ai créée pour qu'elle accepte comme paramètre non pas l'id de l'élément, mais un sélecteur CSS arbitraire.

Задание 2

Créez une fonction setAttr qui modifiera un attribut d'un élément DOM. Que la fonction prenne comme premier paramètre le sélecteur de l'élément, comme deuxième - le nom de l'attribut, et comme troisième - sa nouvelle valeur.