Гузаронидани гурӯҳи унсурҳои 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-ро созед, ки параметри якум он ишора ба объекти DOM-ро қабул мекунад, ки теги ul дар он аст, параметри дуюм - матн. Онро созед то ки ин функсия як li-и нав бо матни додашуда сохта ва онро ба охири теги додашудаи ul илова кунад.

Массив ва ul дода шудааст. Бо ёрии функсияи appendElem, ки дар машқи қабли сохта шуд, ҳар як элемент массиви матнро ба li-и ҷудогона дар ин ul нависед.