Funktioner för att arbeta med DOM-element i JavaScript

Nu ska vi lära oss att skapa hjälpfunktioner som utför olika operationer med DOM. Låt oss till exempel skapa en funktion som i den första parametern tar emot id på elementet, och i den andra - elementets text, och kommer att ställa in en ny text för detta element.

Här är den beskrivna funktionen:

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

Låt oss testa dess funktionalitet. Låt oss säga att vi har två stycken:

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

Låt oss ändra texten i dessa stycken genom att använda vår skapade funktion:

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

Modifiera funktionen jag skapade så att den som parameter tar emot inte id på elementet, utan en godtycklig CSS-selektor.

Skapa funktionen setAttr, som kommer att ändra ett attribut för ett DOM-element. Låt funktionen i den första parametern ta emot en selektor för elementet, i den andra - attributets namn, och i den tredje - dess nya värde.