Funkcije za delo z DOM elementom v JavaScriptu

Zdaj se bomo naučili ustvariti pomožne funkcije, ki izvajajo različne operacije z DOM. Na primer, naredimo funkcijo, ki bo kot prvi parameter sprejela id elementa, kot drugega pa besedilo elementa, in bo temu elementu nastavila novo besedilo.

Tu je opisana funkcija:

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

Preizkusimo njeno delovanje. Recimo, da imamo dva odstavka:

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

Spremenimo besedilo tem odstavkom z uporabo naše ustvarjene funkcije:

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

Spremenite funkcijo, ki sem jo ustvaril, tako, da kot parameter ne sprejme id elementa, temveč poljuben CSS selektor.

Ustvarite funkcijo setAttr, ki bo spremenila atribut DOM elementu. Naj prvi parameter funkcije sprejme selektor elementa, drugi - ime atributa, tretji pa - njegovo novo vrednost.