Funkce pro práci s DOM prvkem v JavaScriptu
Nyní se naučíme vytvářet pomocné
funkce, které provádějí různé operace
s DOM. Například vytvořme funkci,
která bude jako první parametr přijímat
id prvku a jako druhý - text prvku,
a bude tomuto prvku nastavovat nový text.
Zde je popsaná funkce:
function setText(id, text) {
let elem = document.getElementById(id);
elem.textContent = text;
}
Pojďme vyzkoušet její funkčnost. Předpokládejme, že máme dva odstavce:
<p id="elem1"></p>
<p id="elem2"></p>
Pojďme změnit text těchto odstavců pomocí vytvořené funkce:
setText('elem1', 'text1');
setText('elem2', 'text2');
Upravte mou vytvořenou funkci tak,
aby jako parametr nepřijímala id
prvku, ale libovolný CSS selektor.
Vytvořte funkci setAttr, která
bude měnit atribut DOM prvku. Nechť
jako první parametr funkce přijímá selektor
prvku, jako druhý - název atributu a jako třetí
- jeho novou hodnotu.
