Passando elemento DOM como parâmetro

Nas lições anteriores, passamos para nossas funções seletores de elementos, e nossas funções obtiveram as referências a esses elementos dentro do próprio código. Existe outra abordagem: na função, podemos passar referências a elementos já obtidas anteriormente.

Vamos ver um exemplo. Suponha que temos o seguinte código:

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

Vamos fazer a função setText, que no primeiro parâmetro receberá uma referência a um elemento DOM, e no segundo - o texto do elemento:

javascriptfunction setText(elem, text){
  elem.textContent = text;
}

Vamos usar a função que criamos para definir o texto dos nossos parágrafos:

javascriptlet elem1 = document.getElementById('elem1');
setText(elem1, 'text1');

let elem2 = document.getElementById('elem2');
setText(elem2, 'text2');