Penghantaran Elemen DOM sebagai Parameter Fungsi

Dalam pelajaran sebelumnya, kita menghantar pemilih elemen ke dalam fungsi kita, dan fungsi kita sendiri mendapatkan rujukan kepada elemen tersebut di dalam kod mereka. Terdapat juga pendekatan lain: anda boleh menghantar rujukan kepada elemen yang telah diperoleh sebelumnya ke dalam fungsi.

Mari kita lihat contoh. Katakan kita mempunyai kod berikut:

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

Mari buat fungsi setText yang parameter pertamanya akan menerima rujukan kepada elemen DOM, dan parameter kedua - teks elemen:

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

Gunakan fungsi yang kita buat untuk menetapkan teks perenggan kita:

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

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