Jedną z największych zalet JavaScriptu jest możliwość dynamicznej zmiany zawartości strony. Nie trzeba przeładowywać całej strony — możemy w locie zmieniać tekst, style czy dodawać nowe elementy. Dzięki temu powstają galerie obrazów, slidery, rozwijane menu czy zegary na żywo.
1. Manipulacja DOM — podstawy
DOM (Document Object Model) to „drzewo” reprezentujące elementy strony. W JavaScript mamy do niego dostęp i możemy:
- zmieniać treść (
element.textContent, element.innerHTML),
- zmieniać style (
element.style.color = "red"),
- dodawać i usuwać elementy (
appendChild, remove),
- reagować na zdarzenia…