Funkcijas darbam ar DOM elementu JavaScript

Tagad mēs iemācīsimies veidot palīgfunkcijas, kas veic dažādas operācijas ar DOM. Piemēram, izveidosim funkciju, kas pirmā parametra vērtībā saņems id elementa, bet otrajā - elementa tekstu, un iestatīs šim elementam jaunu tekstu.

Šeit ir aprakstītā funkcija:

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

Izmēģināsim tās darbību. Pieņemsim, ka mums ir divi rindkopas:

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

Mainīsim tekstu šīm rindkopām, izmantojot mūsu izveidoto funkciju:

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