DOM элементи менен иштөө үчүн JavaScript функциялары

Азыр биз DOM менен ар кандай амалдарды аткаруучу жардамчы функцияларды кантип түзө аларыбызды үйрөнөбүз. Мисалы, биринчи параметри катары элементтин idсин, экинчи параметри катары элементтин текстин кабыл алып, ошол элементке жаңы текст коюучу функция түзөлү.

Сүрөттөлгөн функция төмөнкүдөй:

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

Келгиле, анын иштешин сынап көрөлү. Бизде эки абзац бар дейли:

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

Келгиле, түзгөн функциябызды пайдаланып, бул абзацтардын текстин өзгөртөлү:

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

Мен түзгөн функциямды өзгөрткүлө, андыкты ал параметр катары элементтин idсин эмес, каалаган CSS селекторун кабыл алсын.

setAttr функциясын түзгүлө, ал DOM элементинин атрибутун өзгөртөт. Функция биринчи параметри катары элементтин селекторун, экинчиси - атрибуттун аталышын, үчүнчүсү - анын жаңы маанисин кабыл алсын.