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