Meneruskan Elemen DOM sebagai Parameter Fungsi

Dalam pelajaran sebelumnya, kita meneruskan selector elemen ke fungsi-fungsi kita, dan fungsi-fungsi kita sendiri mendapatkan referensi ke elemen-elemen tersebut di dalam kode mereka. Ada pendekatan lain: referensi ke elemen yang sudah didapatkan sebelumnya dapat diteruskan ke fungsi.

Mari kita lihat contohnya. Misalkan kita memiliki kode berikut:

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

Mari kita buat fungsi setText yang pada parameter pertama akan menerima referensi ke elemen DOM, dan pada parameter kedua - teks elemen:

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

Gunakan fungsi yang telah kita buat untuk mengatur teks paragraf kita:

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

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