DOM elementi bilan ishlash uchun JavaScript funksiyalari

Hozir biz DOM bilan turli amallarni bajaradigan yordamchi funksiyalarni yaratishni o'rganamiz. Masalan, keling, birinchi parametr sifatida elementning idsini, ikkinchi parametr sifatida element matnini qabul qiladigan va ushbu elementga yangi matn o'rnatadigan funksiya yarataylik.

Quyida tavsiflangan funksiya:

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

Keling, uning ishlashini sinab ko'ramiz. Aytaylik, bizda ikki xil abzas bor:

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

Keling, yaratgan funksiyamizdan foydalanib, ushbu abzaslarning matnini o'zgartiriamiz:

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

Men yaratgan funksiyani shunday o'zgartiringki, u parametr sifatida elementning idsini emas, balki ixtiyoriy CSS selektorni qabul qilsin.

setAttr funksiyasini yarating, u DOM elementining atributini o'zgartiradi. Funksiya birinchi parametr sifatida element selektorini, ikkinchi parametr sifatida atribut nomini, uchinchi parametr sifatida esa uning yangi qiymatini qabul qilsin.