Передача DOM элемента параметром функции

В предыдущих уроках мы передавали в наши функции селекторы элементов, и наши функции сами получали ссылки на эти элементы внутри своего кода. Существует и другой подход: в функции можно передавать уже полученные ранее ссылки на элементы.

Давайте посмотрим на примере. Пусть у нас есть следующий код:

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

Давайте сделаем функцию setText, которая первым параметром будет принимать ссылку на DOM элемент, а вторым - текст элемента:

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

Используем созданную нами функцию для установки текста наших абзацев:

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

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