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:

function 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:

<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:

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

Módosítsa az általam létrehozott függvényt úgy, hogy paraméterként ne az elem id-ját fogadja, hanem egy tetszőleges CSS szelektort.

Készítsen egy setAttr függvényt, amely egy DOM elem attribútumát változtatja meg. Legyen az első paramétere az elem szelektora, a második az attribútum neve, a harmadik pedig az új értéke.