DOM-elementin käsittelyfunktiot JavaScriptillä

Nyt opimme tekemään apufunktioita, joilla suoritetaan erilaisia toimintoja DOM:lle. Esimerkiksi tehdään funktio, joka ottaa ensimmäisenä parametrina id elementin, ja toisena - elementin tekstin, ja asettaa sille uuden tekstin.

Tässä on kuvattu funktio:

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

Kokeillaan sen toimintaa. Olkoon meillä kaksi kappaletta:

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

Muutetaan näiden kappaleiden tekstiä hyödyntäen luomaamme funktiota:

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