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');