ფუნქციები DOM ელემენტების ჯგუფთან მუშაობისთვის
ახლა კი დავწეროთ ფუნქცია, რომელიც პარამეტრად მიიღებს ელემენტების ჯგუფის სელექტორს და მათ ახალ ტექსტს. ეს ფუნქცია უნდა დააყენოს სელექტორის ქვეშ მოხვედრილ ყველა ელემენტს ახალი ტექსტი.
განვახორციელოთ აღწერილი ფუნქცია:
function setText(selector, text) {
let elems = document.querySelectorAll(selector);
for (let elem of elems) {
elem.textContent = text;
}
}
მოდით შევამოწმოთ იგი შემდეგი ელემენტების ჯგუფზე:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
დავაყენოთ ყველა ელემენტს კლასით elem
ახალი ტექსტი:
setText('.elem', 'text');
შექმენით ფუნქცია appendText, რომელიც
პირველი პარამეტრით მიიღებს სელექტორს,
ხოლო მეორე პარამეტრით - ტექსტს. გახადეთ ისე, რომ ეს ფუნქცია
დაამატებს ტექსტს გადაცემული
ელემენტების ბოლოს.