DOM элементлари гуруҳини функциялар параметрлари орқали ўтказиш
Энди бизнинг setText функциямиз
биринчи параметр сифатида битта элементга
эмас, балки дастлабки элементлар тўпламига ишора қабул қилсин:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Келинг, бизнинг функциямизни амалда синнаб кўрамиз. Бизда куйидаги абзацлар бор деб фараз қилайлик:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Келинг, бизнинг функция ёрдамида ушбу абзацларнинг ҳаммасига бирор матнни киритайлик:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
appendText функциясини ясанг, у
биринчи параметр сифатида DOM элементлари
массивини, иккинчиси эса матнни қабул қилсин. Ушбу функция ўтказилган элементларнинг охирига матн қўшади.
appendElem функциясини ясанг, у
биринчи параметр сифатида ul теги
joyлашган DOM объектга ишорани,
иккинчиси эса матнни қабул қилсин. Ушбу функция ўтказилган ul тегининг охирига ўтказилган матн билан янги li яратиб қўшади.
Массив ва ul берилган. Олдинги
масалада яратилган appendElem
функцияси ёрдамида, массивинг ҳар бир элементини ўз li ичига ушбу ul да ёзинг.