Funktioner til arbejde med DOM-elementer i JavaScript

Nu skal vi lære at lave hjælpefunktioner, der udfører forskellige operationer med DOM. For eksempel, lad os lave en funktion, som som første parameter vil tage id på elementet, og som andet - elementets tekst, og vil sætte ny tekst for dette element.

Her er den beskrevne funktion:

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

Lad os prøve dens funktion. Lad os sige, at vi har to afsnit:

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

Lad os ændre teksten i disse afsnit ved at bruge vores oprettede funktion:

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

Modificer den funktion, jeg har oprettet, sådan at den som parameter tager ikke id på elementet, men en vilkårlig CSS-selector.

Lav en funktion setAttr, som vil ændre et attribut på et DOM-element. Lad funktionen som første parameter tage en selector på elementet, som andet - attributtets navn, og som tredje - dens nye værdi.