Перадача 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');