Funksies vir die hantering van DOM elemente in JavaScript

Ons sal nou leer hoe om hulp- funksies te maak wat verskeie bewerkings met die DOM uitvoer. Byvoorbeeld, laat ons 'n funksie maak wat as eerste parameter die id van die element sal aanvaar, en as tweede - die teks van die element, en nuwe teks vir daardie element sal stel.

Hier is die beskryfde funksie:

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

Kom ons toets sy werking. Laat ons aanneem daar is twee paragrawe:

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

Kom ons verander die teks van hierdie paragrawe deur die funksie wat ons geskep het te gebruik:

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

Wysig die funksie wat ek geskep het sodat dit nie die id van die element as parameter aanvaar nie, maar 'n arbitrêre CSS selekteerder.

Maak 'n funksie setAttr, wat 'n kenmerk van 'n DOM element sal verander. Laat die funksie as eerste parameter 'n selekteerder van die element aanvaar, as tweede - die naam van die kenmerk, en as derde - sy nuwe waarde.