DOM HTML Węzłów
W HTML DOM (Document Object Model) , wszystko jest węzeł:
- Sam dokument jest dokumentem węzeł
- Wszystkie elementy HTML są węzły elementów
- Wszystkie atrybuty HTML są węzły atrybutów
- Tekst wewnątrz elementów HTML są węzły tekstowe
- Komentarze są węzły komentarz
Przedmiot Dokument
Kiedy dokument HTML jest ładowany do przeglądarki internetowej, staje się celem dokument.
Celem dokumentu jest węzeł główny dokumentu HTML i "owner" wszystkich innych węzłów:
(Węzły elementu, węzły tekstowe, przypisywać węzły i komentarz węzły).
Przedmiotem dokument zawiera właściwości i metody, aby uzyskać dostęp do wszystkich obiektów węzła z poziomu JavaScriptu.
Tip: Dokument jest częścią obiektu window i mogą być dostępne jako window.document.
Wsparcie przeglądarka
| Obiekt | |||||
|---|---|---|---|---|---|
| Document | tak | tak | tak | tak | tak |
Obiektu dokumentu jest dostępna we wszystkich głównych przeglądarkach.
Właściwości obiektu dokumentu i metody
Następujące właściwości i metody mogą być stosowane w dokumentach HTML:
| Nieruchomość / Metoda | Opis |
|---|---|
| document.activeElement | Zwraca aktualnie koncentruje elementu w dokumencie |
| dokument. addEventListener() | Przywiązuje programu obsługi zdarzeń do dokumentu |
| dokument. adoptNode() | Przyjmuje węzła z innego dokumentu |
| document.anchors | Zwraca kolekcję wszystkich <a> elementów w dokumencie, które mają atrybut nazwy |
| document.applets | Zwraca kolekcję wszystkich <applet> elementów w dokumencie |
| document.baseURI | Zwraca bezwzględne podstawy URI dokumentu |
| document.body | Ustawia lub zwraca ciało dokumentu (the <body> element) |
| dokument. close() | Zamyka strumień wyjściowy uprzednio otwierany z dokumentu. open() |
| document.cookie | Zwraca wszystkie pary nazwa / wartość cookies w dokumencie |
| dokument. createAttribute() | Tworzy węzeł atrybutu |
| dokument. createComment() | Tworzy węzeł komentarz z podanym tekstem |
| dokument. createDocumentFragment() | Tworzy pusty węzeł DocumentFragment |
| dokument. createElement() | Tworzy węzeł elementu |
| dokument. createTextNode() | Tworzy węzeł tekstowy |
| document.doctype | Zwraca deklaracji typu dokumentu związanego z dokumentem |
| document.documentElement | Zwraca dokumentu element dokumentu (the <html> element) |
| document.documentMode | Zwraca tryb używany przez przeglądarkę, aby uczynić ten dokument |
| document.documentURI | Ustawia lub zwraca lokalizację dokumentu |
| document.domain | Zwraca nazwę domeny serwera, który załadowany dokument |
| document.domConfig | Przestarzały. Zwraca konfiguracji DOM dokumentu |
| document.embeds | Zwraca kolekcję wszystkich <embed> elementów dokumentu |
| document.forms | Zwraca kolekcję wszystkich <form> elementów w dokumencie |
| dokument. getElementById() | Zwraca element, który ma ID atrybutu o określonej wartości |
| dokument. getElementsByClassName() | Zwraca NodeList zawierający wszystkie elementy o określonej nazwie klasy |
| dokument. getElementsByName() | Zwraca NodeList zawierający wszystkie elementy o określonej nazwie |
| dokument. getElementsByTagName() | Zwraca NodeList zawierający wszystkie elementy o określonej nazwie znacznika |
| dokument. hasFocus() | Zwraca wartość logiczną wskazującą, czy dokument ma fokus |
| document.head | Zwraca <head> element dokumentu |
| document.images | Zwraca kolekcję wszystkich <img> elementy w dokumencie |
| document.implementation | Zwraca obiekt DOMImplementation który obsługuje ten dokument |
| dokument. importNode() | Importuje węzła z innego dokumentu |
| document.inputEncoding | Zwraca kodowanie, zestaw znaków, służący do dokumentu |
| document.lastModified | Zwraca czas, datę, a dokument został ostatnio zmodyfikowano |
| document.links | Zwraca kolekcję wszystkich <a> i <area> elementy w dokumencie, które mają atrybut href |
| dokument. normalize() | Usuwa puste węzły tekstowe i łączy sąsiednie węzły |
| dokument. normalizeDocument() | Usuwa puste węzły tekstowe i łączy sąsiednie węzły |
| dokument. open() | Otwiera strumień wyjściowy HTML do zbierania wyjście z dokumentu. write() |
| dokument. querySelector() | Zwraca pierwszy element, który odpowiada określonej CSS selector(s) w dokumencie |
| dokument. querySelectorAll() | Zwraca statyczną NodeList zawierającą wszystkie elementy, które pasuje do określonego CSS selector(s) w dokumencie |
| document.readyState | Zwraca (loading) status dokumentu |
| document.referrer | Zwraca adres URL dokumentu, który załadowany bieżący dokument |
| dokument. removeEventListener() | Usuwa obsługi zdarzeń z dokumentu (który został dołączony z addEventListener() metoda) |
| dokument. renameNode() | Zmienia nazwę określonego węzła |
| document.scripts | Zwraca kolekcję <script> elementy w dokumencie |
| document.strictErrorChecking | Ustawia lub zwraca, czy sprawdzanie błędów lub nie jest egzekwowane |
| tytuł dokumentu | Ustawia lub zwraca tytuł dokumentu |
| document.URL | Zwraca pełny adres URL dokumentu HTML |
| dokument. write() | Zapisuje wyrażenia kod HTML lub JavaScript do dokumentu |
| dokument. writeln() | Tak samo jak write() , ale dodaje znak nowej linii po każdym rachunku |
Ostrzeżenie !!!
W W3C DOM rdzeń, przedmiot dokumentu dziedziczy wszystkie właściwości i metody z węzłowi.
Wiele z tych właściwości i metod sensu używany na dokumentach.
Unikaj korzystania z tych właściwości obiektów węzeł i metod HTML obiektów dokumentu:
| Nieruchomość / Metoda | Powodem unikania |
|---|---|
| document.attributes | Dokumenty nie posiadają atrybutów |
| dokument. hasAttributes() | Dokumenty nie posiadają atrybutów |
| document.nextSibling | Dokumenty nie mają rodzeństwa |
| document.nodeName | To jest zawsze #document |
| document.nodeType | Ma to miejsce zawsze 9 (DOCUMENT_NODE) |
| document.nodeValue | Dokumenty nie mają wartość węzła |
| document.ownerDocument | Dokumenty nie mają właściciela dokumentu |
| document.ownerElement | Dokumenty nie mają elementu właściciela |
| document.parentNode | Dokumenty nie posiada węzeł nadrzędny |
| document.previousSibling | Dokumenty nie mają rodzeństwa |
| document.textContent | Dokumenty nie mają zawartość tekstową |