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-ում։