Oordrag van DOM element as funksie parameter

In vorige lesse het ons selektore van elemente na ons funksies oorgedra, en ons funksies het self die verwysings na daardie elemente binne hul kode verkry. Daar is ook 'n ander benadering: 'n funksie kan reeds vooraf verkryde verwysings na elemente ontvang.

Kom ons kyk na 'n voorbeeld. Gestel ons het die volgende kode:

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

Kom ons maak 'n funksie setText wat die eerste parameter as 'n verwysing na 'n DOM element sal aanvaar, en die tweede as die element se teks:

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

Laat ons die funksie wat ons geskep het gebruik om die teks van ons paragrawe in te stel:

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

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

Maak 'n funksie appendText wat die eerste parameter as 'n DOM element sal aanvaar, en die tweede as teks. Maak dit so dat hierdie funksie die teks aan die einde van hierdie element toevoeg.

Gegewe paragrawe. Kry hulle, herhaal met 'n lus en voeg aan elkeen '!' aan die einde toe deur die funksie appendText te gebruik, wat in die vorige taak gemaak is.

Maak 'n funksie setValue wat die eerste parameter as 'n verwysing na 'n invoerveld (input) sal aanvaar, en die tweede as teks. Maak dit so dat hierdie funksie die oorgedraagde teks in die invoerveld se value instel.