Funkcie pre prácu s DOM elementom v JavaScripte
Teraz sa naučíme vytvárať pomocné
funkcie, ktoré vykonávajú rôzne operácie
s DOM. Napríklad, vytvorme funkciu,
ktorá ako prvý parameter bude prijímať
id elementu, a ako druhý - text elementu,
a bude tomuto elementu nastavovať nový text.
Tu je opísaná funkcia:
function setText(id, text) {
let elem = document.getElementById(id);
elem.textContent = text;
}
Vyskúšajme jej fungovanie. Predpokladajme, že máme dva odseky:
<p id="elem1"></p>
<p id="elem2"></p>
Zmeňme text týmto odsekom pomocou nami vytvorenej funkcie:
setText('elem1', 'text1');
setText('elem2', 'text2');
Upravte vytvorenú funkciu tak,
aby ako parameter prijímala nie id
elementu, ale ľubovoľný CSS selektor.
Vytvorte funkciu setAttr, ktorá
bude meniť atribút DOM elementu. Nech
prvý parameter funkcie prijíma selektor
elementu, druhý - názov atribútu, a tretí
- jeho novú hodnotu.
