DOM elementa nodošana kā funkcijas parametrs

Iepriekšējās nodarbībās mēs savās funkcijās nodot elementu selektorus, un mūsu funkcijas pašas iegūja atsauces uz šiem elementiem savā iekšienē izveidotajā kodā. Pastāv arī cita pieeja: funkcijai var nodot jau iepriekš iegūtas atsauces uz elementiem.

Apskatīsim piemērā. Pieņemsim, ka mums ir šāds kods:

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

Izveidosim funkciju setText, kas pirmo parametru pieņems kā atsauci uz DOM elementu, bet otro - kā elementa tekstu:

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

Izmantosim mūsu izveidoto funkciju, lai iestatītu tekstu mūsu rindkopām:

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

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