Funcții pentru lucrul cu elementele DOM în JavaScript

Acum vom învăța să creăm funcții auxiliare care efectuează diverse operații cu DOM. De exemplu, să facem o funcție care la primul parametru va primi id-ul elementului, iar la al doilea - textul elementului, și va seta acelui element un text nou.

Iată funcția descrisă:

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

Să încercăm funcționarea ei. Să presupunem că avem două paragrafe:

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

Să schimbăm textul acestor paragrafe, folosind funcția creată de noi:

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

Modificați funcția creată de mine astfel încât să accepte ca parametru nu id-ul elementului, ci un selector CSS arbitrar.

Creați funcția setAttr, care va modifica un atribut al elementului DOM. Să primească funcția primul parametru ca selector al elementului, al doilea - numele atributului, iar al treilea - valoarea lui nouă.