JavaScript-de DOM elementi bilen işlemek üçin funksiýalar

Häzir biz birnäçe amallary ýerine ýetirýän kömekçi funksiýalary nädip ýasamaly bolar, ony öwreneris DOM bilen. Mysal üçin, geliň bir funksiýa ýasaýaly, onuň birinji parametri element üçin id alyar, ikinjisi bolsa element üçin tekst, we bu element üçin täze tekst düzer.

Beýan edilen funksiýa şeýle:

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

Geliň onuň işini synaýaly. Bizde iki abzas bar diýeliň:

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

Geliň biz ýasalan funksiýamyzdan peýdalanyp, bu abzaslaryň tekstini üýtgedeliň:

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

Meniň ýasalan funksiýamy üýtgediň, onuň parametri element üçin id almasyn, eýsem erkin CSS selektory.

setAttr funksiýasyny ýasaň, ol DOM element üçin atributy üýtgetmeli. Funksiýanyň birinji parametri element üçin selektory, ikinjisi - atributyň ady, üçünjisi bolsa onuň täze bahasyny alyp bolsun.