JavaScript HTML DOM
Poprzez DOM HTML, dostęp do wszystkich elementów dokumentu JavaScript HTML.
HTML DOM (Document Object Model)
Gdy strona jest ładowana, przeglądarka stworzy Document Object Model stronę (Document Object Model).
Model DOM HTML jest skonstruowany jako drzewo obiektów:
HTML DOM drzewo
Programowalny model obiektowy, JavaScript uzyskał wystarczającą zdolność do tworzenia dynamicznego HTML.
- JavaScript może zmienić stronę dla wszystkich elementów HTML
- JavaScript może zmienić stronę HTML wszystkich właściwości
- JavaScript może zmienić stronę wszystkie style CSS
- JavaScript może reagować na całej stronie imprezy
Znalezienie elementów HTML
Zazwyczaj JavaScript, trzeba manipulować elementów HTML.
Aby zrobić to, trzeba najpierw znaleźć element. Istnieją trzy sposoby, aby to zrobić:
- Znajdź elementów HTML przez ID
- Znajdź elementy według nazwy znaczników HTML
- Znajdź elementy HTML, których autorem jest nazwą klasy
Znalezienie elementów HTML przez ID
Znalezienie elementów HTML w DOM Najprostszym sposobem jest użycie identyfikatora elementu.
Przykład ten znajdzie id = "intro" element:
Jeśli stwierdzi elementu, metoda będzie forma obiektu (x W) powraca ten element.
Jeśli element nie zostanie znaleziony, to x będzie zawierać wartość null.
Znalezienie elementów HTML autorem nazwy znacznika
Przykład ten znajdzie id = "main" elementów, a następnie szukać id = "main" pierwiastka we wszystkich <p> elementów:
Przykłady
var y = x.getElementsByTagName ( "p");
Spróbuj »
Znajdź elementy HTML, których autorem jest nazwą klasy
W tym przypadku przezgetElementsByClassName funkcji znaleźć class = "intro" elementu:
HTML DOM Tutorial
W tym poradniku kolejnych stronach dowiesz się:
- Jak zmienić zawartość elementu HTML (innerHTML)
- Jak zmienić styl elementów HTML (CSS)
- Jak wydarzeniem HTML DOM z reakcją
- Jak dodać lub usunąć elementy HTML
