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