DOM Elementi ile Isleyen Funksiyalar JavaScript-də

İndi biz köməkçi funksiyaları necə edəcəyimizi öyrənəcəyik, hansı ki, DOM ilə müəyyən əməliyyatlar yerinə yetirir. Məsələn, gəlin bir funksiya edək, hansı ki, birinci parametr kimi qəbul edəcək elementin id-ni, ikinci parametr kimi isə elementin mətnini, və həmin elementə yeni mətn təyin edəcək.

Burada təsvir olunan funksiya:

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

Gəlin onun işini sınayaq. Fərz edək ki, bizim iki abzas var:

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

Gəlin yaratdığımız funksiyadan istifadə edərək bu abzasların mətnini dəyişək:

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

Mənim yaratdığım funksiyanı elə dəyişin ki, parametr kimi o, elementin id-ni deyil, istənilən CSS seçicisini qəbul etsin.

setAttr funksiyasını edin, hansı ki, DOM elementinin atributunu dəyişir. Qoy funksiya birinci parametr kimi elementin seçicisini, ikinci parametr kimi atributun adını, üçüncü parametr kimi isə onun yeni dəyərini qəbul etsin.