Funciones para trabajar con elementos DOM en JavaScript

Ahora aprenderemos a crear funciones auxiliares que realizan diversas operaciones con el DOM. Por ejemplo, creemos una función que tome como primer parámetro el id del elemento, y como segundo - el texto del elemento, y establecerá un nuevo texto para ese elemento.

Aquí está la función descrita:

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

Probemos su funcionamiento. Supongamos que tenemos dos párrafos:

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

Cambiemos el texto de estos párrafos, utilizando la función que hemos creado:

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

Modifique la función que he creado para que acepte como parámetro no el id del elemento, sino un selector CSS arbitrario.

Cree una función setAttr que cambie un atributo de un elemento DOM. Que la función tome como primer parámetro el selector del elemento, como segundo - el nombre del atributo, y como tercero - su nuevo valor.