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 :

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

Testons son fonctionnement. Supposons que nous ayons deux paragraphes :

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

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

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

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.

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.