JavaScript HTML DOM
Dzięki HTML DOM JavaScript może uzyskiwać dostęp do wszystkich elementów dokumentu HTML i zmieniać je.
DOM HTML (Document Object Model)
Po załadowaniu strony internetowej przeglądarka tworzy Model obiektu dokumentu strony .
Model HTML DOM jest skonstruowany jako drzewo obiektów :
Drzewo obiektów HTML DOM
Dzięki modelowi obiektowemu JavaScript uzyskuje całą moc potrzebną do tworzenia dynamicznego HTML:
- JavaScript może zmienić wszystkie elementy HTML na stronie
- JavaScript może zmienić wszystkie atrybuty HTML na stronie
- JavaScript może zmienić wszystkie style CSS na stronie
- JavaScript może usunąć istniejące elementy i atrybuty HTML
- JavaScript może dodawać nowe elementy i atrybuty HTML
- JavaScript może reagować na wszystkie istniejące zdarzenia HTML na stronie
- JavaScript może tworzyć nowe zdarzenia HTML na stronie
Czego się nauczysz
W kolejnych rozdziałach tego samouczka dowiesz się:
- Jak zmienić zawartość elementów HTML
- Jak zmienić styl (CSS) elementów HTML
- Jak reagować na zdarzenia HTML DOM
- Jak dodawać i usuwać elementy HTML
Co to jest DOM?
DOM jest standardem W3C (World Wide Web Consortium).
DOM definiuje standard dostępu do dokumentów:
„W3C Document Object Model (DOM) to platforma i neutralny językowo interfejs, który umożliwia programom i skryptom dynamiczny dostęp i aktualizowanie treści, struktury i stylu dokumentu”.
Standard W3C DOM jest podzielony na 3 różne części:
- Core DOM - standardowy model dla wszystkich typów dokumentów
- XML DOM - standardowy model dokumentów XML
- HTML DOM - standardowy model dokumentów HTML
Co to jest DOM HTML?
HTML DOM to standardowy model obiektowy i interfejs programistyczny dla HTML. Określa:
- Elementy HTML jako obiekty
- Właściwości wszystkich elementów HTML
- Metody dostępu do wszystkich elementów HTML
- Zdarzenia dla wszystkich elementów HTML
Innymi słowy: HTML DOM to standard pobierania, zmiany, dodawania lub usuwania elementów HTML.