DOM элементин функциянын параметри катары өткөрүү
Алдыңкы сабактарда биз функцияларыбызга элементтердин селекторлорун өткөрүп, ал функциялар өз кодунун ичинде ошол элементтерге шилтемелерди өздөрү алышкан. Башка жакындоо да бар: функцияга мурунтан эле алынган элементтерге шилтемелерди өткөрсө болот.
Мисалга карап көрөлү. Бизде төмөнкү код бар дейли:
<p id="elem1"></p>
<p id="elem2"></p>
Келгиле, биринчи параметри катары DOM элементине шилтеме, экинчи параметри катары элементтин текстин кабыл алган setText функциясын жасайлы:
function setText(elem, text){
elem.textContent = text;
}
Жасалган функциябызды абзацтарыбыздын текстин коюу үчүн колдонолу:
let elem1 = document.getElementById('elem1');
setText(elem1, 'text1');
let elem2 = document.getElementById('elem2');
setText(elem2, 'text2');
Биринчи параметри катары DOM элементин, экинчи параметри катары текст кабыл алган appendText функциясын жасаңыз. Бул функция текстти ушул элементтин аягына кошсун.
Абзацтар берилген. Аларды алыңыз, цикл менен айланып өтүңүз жана ар биринин аягына мурунку тапшырмада жасалган appendText функциясын колдонуп '!' кошуңуз.
Биринчи параметри катары инпутко шилтеме, экинчи параметри катары текст кабыл алган setValue функциясын жасаңыз. Бул функция өткөрүлгөн текстти инпуттун value'сине коюп берсин.