DOM ელემენტთან მუშაობის ფუნქციები JavaScript-ში
ახლა ჩვენ ვისწავლით დამხმარე
ფუნქციების შექმნას, რომლებიც ასრულებენ სხვადასხვა ოპერაციებს
DOM-თან. მაგალითად, შევქმნათ ფუნქცია,
რომელიც პირველ პარამეტრად მიიღებს
id ელემენტის, ხოლო მეორედ - ელემენტის ტექსტს,
და ამ ელემენტს დააყენებს ახალ ტექსტს.
აღწერილი ფუნქცია:
javascriptfunction setText(id, text) {
let elem = document.getElementById(id);
elem.textContent = text;
}
მოდით ვცადოთ მისი მუშაობა. დავუშვათ, გვაქვს ორი აბზაცი:
html<p id="elem1"></p>
<p id="elem2"></p>
მოდით შევცვალოთ ამ აბზაცების ტექსტი, გამოვიყენოთ ჩვენი შექმნილი ფუნქცია:
javascriptsetText('elem1', 'text1');
setText('elem2', 'text2');
Задание 1
შეცვალეთ ჩემს მიერ შექმნილი ფუნქცია ისე,
რომ პარამეტრად მიიღოს არა id
ელემენტის, არამედ ნებისმიერი CSS სელექტორი.
Задание 2
შექმენით ფუნქცია setAttr, რომელიც
შეცვლის ატრიბუტს DOM ელემენტის. დავუშვათ
პირველ პარამეტრად ფუნქცია მიიღებს ელემენტის სელექტორს,
მეორედ - ატრიბუტის სახელს, ხოლო მესამედ
- მის ახალ მნიშვნელობას.