Funzioni per lavorare con un elemento DOM in JavaScript

Ora impareremo a creare funzioni ausiliarie che eseguono varie operazioni con il DOM. Ad esempio, creiamo una funzione che prenderà come primo parametro l'id dell'elemento, e come secondo - il testo dell'elemento, e imposterà un nuovo testo per questo elemento.

Ecco la funzione descritta:

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

Proviamo il suo funzionamento. Supponiamo di avere due paragrafi:

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

Cambiamo il testo di questi paragrafi utilizzando la funzione che abbiamo creato:

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

Modifica la funzione che ho creato in modo che accetti come parametro non l'id dell'elemento, ma un selettore CSS arbitrario.

Crea una funzione setAttr che cambi un attributo di un elemento DOM. Lascia che la funzione accetti come primo parametro il selettore dell'elemento, come secondo - il nome dell'attributo, e come terzo - il suo nuovo valore.