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 элементінің атрибутын өзгертеді. Функция
бірінші параметр ретінде элементтің селекторын,
екіншісі - атрибуттың атауын, ал үшіншісі
- оның жаңа мәнін қабылдасын.