Funksjoner for arbeid med DOM-elementer i JavaScript

Nå skal vi lære å lage hjelpefunksjoner som utfører ulike operasjoner med DOM. La oss for eksempel lage en funksjon som tar id til elementet som første parameter, og elementets tekst som andre parameter, og setter ny tekst for dette elementet.

Her er den beskrevne funksjonen:

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

La oss teste dens funksjonalitet. La oss si at vi har to avsnitt:

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

La oss endre teksten i disse avsnittene ved å bruke funksjonen vi opprettet:

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

Modifiser funksjonen jeg opprettet slik at den tar en vilkårlig CSS-selector som parameter, og ikke id til elementet.

Lag en funksjon setAttr, som endrer en attributt for et DOM-element. La funksjonen ta en selector for elementet som første parameter, attributtnavnet som andre parameter, og den tredje - dens nye verdi.