JavaScript HTML DOM
Przez HTML DOM, JavaScript może uzyskać dostęp i zmieniać wszystkie elementy dokumentu HTML.
HTML DOM (model dokumentu obiektowego)
Gdy strona jest ładowana, przeglądarka tworzy model dokumentu obiektowego (Document Object Model).
HTML DOM Model jest zorganizowany jakoDrzewo obiektów:
Drzewo obiektów HTML DOM
Przez ten model obiektowy, JavaScript uzyskuje wszystkie możliwości 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 dodać nowe elementy i atrybuty HTML
- JavaScript może reagować na wszystkie istniejące wydarzenia HTML na stronie
- JavaScript może tworzyć nowe wydarzenia HTML na stronie
Czego się nauczysz
W następujących rozdziałach tego przewodnika nauczysz się:
- Jak zmienić zawartość elementu HTML
- Jak zmienić styl elementów HTML (CSS)
- Jak reagować na wydarzenia HTML DOM
- Jak dodać i usunąć elementy HTML
Co to jest DOM?
DOM jest standardem W3C (World Wide Web Consortium).
DOM definiuje standardy dostępu do dokumentu:
“W3C Document Object Model (DOM) jest neutralnym wobec platformy i języka interfejsem, który pozwala programom i skryptom dynamicznie dostępować do, aktualizować zawartość, strukturę i styl dokumentu.”
Standard W3C DOM podzielony jest na 3 różne części:
- Core DOM - standardowy model dla wszystkich typów dokumentów
- XML DOM - standard modelu dokumentu XML
- HTML DOM - standard modelu dokumentu HTML
Co to jest HTML DOM?
HTML DOM jest standardem HTMLobiektówmodele iinterfejsy programistyczne。Definiuje to:
- jakoobiektówHTML elementów
- wszystkich elementów HTMLatrybutów
- dostęp do wszystkich elementów HTMLmetod
- wszystkich elementów HTMLWydarzenia
Innymi słowy: HTML DOM dotyczy standardów dotyczących uzyskiwania, zmiany, dodawania lub usuwania elementów HTML。
