DOM elemmel való munkavégző függvények JavaScriptben

Most megtanuljuk, hogyan készítsünk segédfüggvényeket, amelyek különböző műveleteket végeznek a DOM-mal. Például készítsünk egy függvényt, amely az első paraméterként az elem id-ját veszi fel, a másodikként pedig az elem szövegét, és beállítja az elem számára az új szöveget.

Itt a leírt függvény:

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

Próbáljuk ki a működését. Tegyük fel, hogy van két bekezdésünk:

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

Változtassuk meg ezeknek a bekezdéseknek a szövegét a létrehozott függvényünk segítségével:

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