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
Element Przedmiot
W DOM HTML, obiekt Element reprezentuje element HTML.
Obiekty element może mieć węzłów potomnych węzłów typu elementu, węzły tekstowe, lub komentarz węzłów.
Obiekt NodeList przedstawia listę węzłów, jak kolekcji elementu HTML za węzłów potomnych.
Elementy mogą mieć atrybuty. Atrybuty są węzły atrybutów (See next chapter) .
Wsparcie przeglądarka
| Obiekt | |||||
|---|---|---|---|---|---|
| Element | tak | tak | tak | tak | tak |
| NodeList | tak | tak | tak | tak | tak |
Przedmiot Element a obiekt NodeList są obsługiwane we wszystkich głównych przeglądarkach.
Właściwości i metody
Następujące właściwości i metody mogą być stosowane do wszystkich elementów HTML:
| Nieruchomość / Metoda | Opis |
|---|---|
| element .accessKey | Ustawia lub zwraca accesskey atrybutu elementu |
| element . addEventListener() | Dołącza obsługi zdarzeń do określonego elementu |
| element . appendChild() | Dodaje nowy węzeł podrzędny, do elementu, jako ostatniego węzła potomnego |
| element .attributes | Zwraca NamedNodeMap atrybutów elementu w |
| element . blur() | Usuwa skupienie z elementu |
| element .childElementCount | Zwraca liczbę elementów podrzędnych element ma |
| element .childNodes | Zwraca zbiór węzłów potomnych elementu (w tym tekst i komentarz węzłów) |
| element .children | Zwraca kolekcję elementu podrzędnego elementu (z wyjątkiem węzłów tekstowych i komentarz) |
| element .classList | Zwraca klasy name(s) elementu |
| element .nazwaklasy | Ustawia lub zwraca wartość class atrybutu elementu |
| element . click() | Symuluje kliknięcie myszą na element |
| element .clientHeight | Zwraca wysokość elementu, włącznie z wyściółką |
| element .clientLeft | Zwraca szerokość lewej krawędzi elementu |
| element .clientTop | Zwraca szerokość górnej krawędzi elementu |
| element .clientWidth | Zwraca szerokość elementu, włącznie z wyściółką |
| element . cloneNode() | Klony element |
| element . compareDocumentPosition() | Porównuje pozycję dokumentu dwóch elementów |
| element . contains() | Zwraca prawdę, jeśli węzeł jest potomkiem węzła, w przeciwnym przypadku false |
| element .contentEditable | Ustawia lub zwraca, czy zawartość elementu nie można edytować lub |
| element .dir | Ustawia lub zwraca wartość dir atrybut elementu |
| element .firstChild | Zwraca pierwszy węzeł podrzędny elementu |
| element .firstElementChild | Zwraca pierwszy element podrzędny elementu |
| element . focus() | Daje nacisk na element |
| element . getAttribute() | Zwraca specified wartość atrybutu węzła elementu |
| element . getAttributeNode() | Zwraca specified węzeł atrybutu |
| element . getElementsByClassName() | Zwraca kolekcję wszystkich elementów podrzędnych o określonej nazwie klasy |
| element . getElementsByTagName() | Zwraca kolekcję wszystkich elementów podrzędnych o określonej nazwie znacznika |
| element . getFeature() | Zwraca obiekt, który implementuje API o określonej funkcji |
| element . hasAttribute() | Zwraca true, jeśli element ma specified cechę, w przeciwnym przypadku false |
| element . hasAttributes() | Zwraca true, jeśli element ma żadnych atrybutów, w przeciwnym przypadku false |
| element . hasChildNodes() | Zwraca true, jeśli element ma żadnych węzłów potomnych, w przeciwnym przypadku false |
| element .id | Zestawy lub zwraca wartość id atrybutu elementu |
| element .innerHTML | Ustawia lub zwraca zawartość pierwiastka |
| element . insertBefore() | Wstawia przed określonym, istniejącego węzła potomnego, nowy węzeł podrzędny |
| element .isContentEditable | Zwraca true, jeśli zawartość elementu jest edytowalny, w przeciwnym przypadku false |
| element . isDefaultNamespace() | Zwraca true, jeśli określony namespaceURI jest domyślny, w przeciwnym przypadku false |
| element . isEqualNode() | Sprawdza, czy dwa elementy są równe |
| element . isSameNode() | Sprawdza, czy dwa elementy są takie same węzeł |
| element . isSupported() | Zwraca true, jeśli określona funkcja jest obsługiwana na elemencie |
| element .lang | Ustawia lub zwraca wartość lang atrybutu elementu |
| element .lastChild | Zwraca ostatni węzeł podrzędny elementu |
| element .lastElementChild | Zwraca ostatni element podrzędny elementu |
| element .namespaceURI | Zwraca URI przestrzeni nazw elementu |
| element .nextSibling | Zwraca następnego węzła na tym samym poziomie drzewa węzła |
| element .nextElementSibling | Zwraca następny element na tym samym poziomie drzewa węzła |
| element .nodeName | Zwraca nazwę węzła |
| element .nodeType | Zwraca typ węzła węzła |
| element .nodeValue | Ustawia lub zwraca wartość węzła |
| element . normalize() | Łączy sąsiednie węzły tekstowe i usuwa pustych węzłów tekstowych w elemencie |
| element .offsetHeight | Zwraca wysokość elementu, w tym dopełnienie, obramowanie i przewijania |
| element .offsetWidth | Zwraca szerokość elementu, w tym dopełnienie, obramowanie i przewijania |
| element .offsetLeft | Zwraca przesunięcie poziome położenie elementu |
| element .offsetParent | Zwraca offset pojemnik elementu |
| element .offsetTop | Zwraca przesunięcie pionowe położenie elementu |
| element .ownerDocument | Zwraca element główny (document object) dla elementu |
| element .parentNode | Zwraca węzeł nadrzędny element |
| element .parentElement | Zwraca węzeł elementu nadrzędnego elementu |
| element .previousSibling | Zwraca poprzedniego węzła na tym samym poziomie drzewa węzła |
| element .previousElementSibling | Zwraca poprzedniego elementu na tym samym poziomie drzewa węzła |
| element . querySelector() | Zwraca pierwszy element podrzędny, który odpowiada określonej CSS selector(s) elementu |
| elementem. querySelectorAll() | Zwraca wszystkie elementy podrzędne, które pasuje do określonego CSS selector(s) elementu |
| element . removeAttribute() | Usuwa określoną cechę z elementu |
| element . removeAttributeNode() | Usuwa określony węzeł atrybutu węzła i zwraca usunięty |
| element . removeChild() | Usuwa węzeł dziecko od elementu |
| element . replaceChild() | Zastępuje węzeł podrzędny w elemencie |
| element . removeEventListener() | Usuwa obsługi zdarzeń, która jest przymocowany z addEventListener() metody |
| element .scrollHeight | Zwraca całą wysokość elementu, włącznie z wyściółką |
| element .scrollLeft | Ustawia lub zwraca liczbę pikseli zawartość elementu jest przewijane poziomo |
| element .scrollTop | Ustawia lub zwraca liczbę pikseli zawartość elementu jest przewijane w pionie |
| element .scrollWidth | Zwraca całą szerokość elementu, włącznie z wyściółką |
| element . setAttribute() | Ustawia lub zmienia specified atrybutu do podanej wartości |
| element . setAttributeNode() | Ustawia lub zmienia specified węzeł atrybutu |
| element .style | Ustawia lub zwraca wartość style atrybutu elementu |
| element .tabIndex | Ustawia lub zwraca wartość tabindex atrybutu elementu |
| element .tagName | Zwraca nazwę znacznika elementu |
| element .textContent | Ustawia lub zwraca zawartość tekstową węzła i jego potomków |
| element .title | Zestawy lub zwraca wartość title atrybutu elementu |
| element . toString() | Konwertuje element do łańcucha |
| NodeList. item() | Zwraca węzeł w określonym indeksem w liście węzłów |
| NodeList .length | Zwraca liczbę węzłów w liście węzłów |