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-ში.