DOM ელემენტთან მუშაობის ფუნქციები JavaScript-ში

ახლა ჩვენ ვისწავლით დამხმარე ფუნქციების შექმნას, რომლებიც ასრულებენ სხვადასხვა ოპერაციებს DOM-თან. მაგალითად, შევქმნათ ფუნქცია, რომელიც პირველ პარამეტრად მიიღებს id ელემენტის, ხოლო მეორედ - ელემენტის ტექსტს, და ამ ელემენტს დააყენებს ახალ ტექსტს.

აღწერილი ფუნქცია:

function setText(id, text) {
	let elem = document.getElementById(id);
	elem.textContent = text;
}

მოდით ვცადოთ მისი მუშაობა. დავუშვათ, გვაქვს ორი აბზაცი:

<p id="elem1"></p>
<p id="elem2"></p>

მოდით შევცვალოთ ამ აბზაცების ტექსტი, გამოვიყენოთ ჩვენი შექმნილი ფუნქცია:

setText('elem1', 'text1');
setText('elem2', 'text2');

შეცვალეთ ჩემს მიერ შექმნილი ფუნქცია ისე, რომ პარამეტრად მიიღოს არა id ელემენტის, არამედ ნებისმიერი CSS სელექტორი.

შექმენით ფუნქცია setAttr, რომელიც შეცვლის ატრიბუტს DOM ელემენტის. დავუშვათ პირველ პარამეტრად ფუნქცია მიიღებს ელემენტის სელექტორს, მეორედ - ატრიბუტის სახელს, ხოლო მესამედ - მის ახალ მნიშვნელობას.