Функции за работа с 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 елемент. Нека първият параметър на функцията приема селектор на елемента, вторият - име на атрибута, а третият - новата му стойност.