Funções para trabalhar com elementos DOM em JavaScript

Agora vamos aprender a criar funções auxiliares que executam operações com o DOM. Por exemplo, vamos criar uma função que receberá, no primeiro parâmetro, o id do elemento, e no segundo - o texto do elemento, e definirá um novo texto para esse elemento.

Aqui está a função descrita:

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

Vamos testar seu funcionamento. Suponha que temos dois parágrafos:

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

Vamos alterar o texto desses parágrafos usando a função que criamos:

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

Modifique a função que criei para que ela receba como parâmetro não o id do elemento, mas um seletor CSS arbitrário.

Faça uma função setAttr que altere um atributo de um elemento DOM. Deixe o primeiro parâmetro da função receber o seletor do elemento, o segundo - o nome do atributo, e o terceiro - seu novo valor.