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:
javascriptfunction setText(id, text) {
let elem = document.getElementById(id);
elem.textContent = text;
}
Vyskúšajme jej fungovanie. Predpokladajme, že máme dva odseky:
html<p id="elem1"></p>
<p id="elem2"></p>
Zmeňme text týmto odsekom pomocou nami vytvorenej funkcie:
javascriptsetText('elem1', 'text1');
setText('elem2', 'text2');
Задание 1
Upravte vytvorenú funkciu tak,
aby ako parameter prijímala nie id
elementu, ale ľubovoľný CSS selektor.
Задание 2
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.