Funkcije za delo z DOM elementom v JavaScriptu

Zdaj se bomo naučili ustvariti pomožne funkcije, ki izvajajo različne operacije z DOM. Na primer, naredimo funkcijo, ki bo kot prvi parameter sprejela id elementa, kot drugega pa besedilo elementa, in bo temu elementu nastavila novo besedilo.

Tu je opisana funkcija:

javascriptfunction setText(id, text) {
  let elem = document.getElementById(id);
  elem.textContent = text;
}

Preizkusimo njeno delovanje. Recimo, da imamo dva odstavka:

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

Spremenimo besedilo tem odstavkom z uporabo naše ustvarjene funkcije:

javascriptsetText('elem1', 'text1');
setText('elem2', 'text2');