Funkcije za rad sa DOM elementom u JavaScriptu
Sada ćemo naučiti kako da pravimo pomoćne
funkcije koje izvršavaju određene operacije
sa DOM-om. Na primer, napravimo funkciju
koja će kao prvi parametar primati
id elementa, a kao drugi - tekst elementa,
i koja će postavljati tom elementu novi tekst.
Evo opisane funkcije:
function setText(id, text) {
let elem = document.getElementById(id);
elem.textContent = text;
}
Hajde da isprobamo njen rad. Neka imamo dva pasusa:
<p id="elem1"></p>
<p id="elem2"></p>
Hajde da promenimo tekst ovim pasusima, koristeći kreiranu funkciju:
setText('elem1', 'text1');
setText('elem2', 'text2');
Modifikujte kreiranu funkciju tako
da kao parametar prima ne id
elementa, već proizvoljan CSS selektor.
Napravite funkciju setAttr, koja
će menjati atribut DOM elementu. Neka
prvi parametar funkcije bude selektor
elementa, drugi - ime atributa, a treći
- njegova nova vrednost.