DOM elementni funktsiya parametri sifatida uzatish

Oldingi darslarda biz o'z funktsiyalarimizga element selektorlarini uzatardik va funktsiyalarimiz o'z kodi ichida bu elementlarga havolalarni o'zlari olardilar. Yana bir yondashuv mavjud: funktsiyaga oldindan olingan elementlarga havolalar uzatish mumkin.

Keling, misolni ko'rib chiqaylik. Faraz qilaylik, bizda quyidagi kod mavjud:

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

Keling, setText funktsiyasini yarataylik, u birinchi parametr sifatida DOM elementga havolani qabul qiladi, ikkinchisi esa - element matnini:

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

Yaratgan funktsiyamizdan abzatslarimizning matnini o'rnatish uchun foydalanamiz:

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

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