Funkcje do pracy z elementem DOM w JavaScript
Teraz nauczymy się tworzyć funkcje pomocnicze,
wykonujące różne operacje
z DOM. Na przykład, stwórzmy funkcję,
która w pierwszym parametrze będzie przyjmować
id elementu, a w drugim - tekst elementu,
i będzie ustawiać temu elementowi nowy tekst.
Oto opisana funkcja:
function setText(id, text) {
let elem = document.getElementById(id);
elem.textContent = text;
}
Przetestujmy jej działanie. Załóżmy, że mamy dwa akapity:
<p id="elem1"></p>
<p id="elem2"></p>
Zmieńmy tekst tych akapitów, korzystając z utworzonej przez nas funkcji:
setText('elem1', 'text1');
setText('elem2', 'text2');
Zmodyfikuj stworzoną przeze mnie funkcję tak,
aby jako parametr przyjmowała nie id
elementu, a dowolny selektor CSS.
Stwórz funkcję setAttr, która
będzie zmieniać atrybut elementu DOM. Niech
pierwszym parametrem funkcja przyjmuje selektor
elementu, drugim - nazwę atrybutu, a trzecim
- jego nową wartość.
