DOM ang. Document Object Model.
DOM to model hierarchiczny. Udostępnia zestaw obiektów odzwierciedlających dokument HTML oraz elementy okna przeglądarki (window).
DOM to struktura drzewiasta, w której elementy niższego poziomu jest węzłem elementów wyższego poziomu.
DOM to struktura drzewiasta, w której elementy niższego poziomu jest węzłem elementów wyższego poziomu.
| Nazwa | Opis | Typ | Dostępność |
|---|---|---|---|
attributes | Zwraca tablicę atrybutów elementu. | NamedNodeMap | Wszystkie |
childNodes | Zwraca tablicę węzłów potomnych elementu. | NodeList | Wszystkie |
className | Pobiera/ustawia klasę elementu. | String | HTML, XUL |
clientHeight | Zwraca wewnętrzną wysokość elementu. | Number | HTML |
clientWidth | Zwraca wewnętrzną szerokość elementu. | Number | HTML |
dir | Ustawia lub pobiera kierunek elementu. | String | HTML, XUL |
firstChild | Zwraca pierwsze dziecko bieżącego węzła lub null, jeśli ten element nie posiada węzła potomnego. | Node | Wszystkie |
id | Pobiera/ustawia id elementu. | String | HTML, XUL |
innerHTML | Pobiera/ustawia znacznik zawartości elementu. | String | HTML |
lang | Określa język bazowy dla wartość atrybutów i tekstowej zawartości elementu. | String | HTML |
lastChild | Zwraca ostatnie dziecko bieżącego węzła elementu lub null jeśli ten element nie posiada węzłów potomnych. | Node | Wszystkie |
localName | Zwraca lokalną część uściślonej nazwy węzła. | String | Wszystkie |
| Nazwa | Opis | Typ | Dostępność |
name | Pobiera lub ustawia atrybut name - dostępne nie dla wszystkich elementów. | String | HTML |
namespaceURI | URI przestrzeni nazw węzła lub null, jeśli jest bliżej nieokreślony. | String | Wszystkie |
nextSibling | The node immediately following the given one in the tree, or null if there is no sibling node. | Node | Wszystkie |
nodeName | Nazwa węzła. | String | Wszystkie |
nodeType | A number representing the type of the node. Is always equal to 1 for DOM elements. | Number | Wszystkie |
nodeValue | The value of the node. Is always equal to null for DOM elements. | String | Wszystkie |
offsetHeight | The height of an element, relative to the layout. | Number | HTML |
offsetLeft | The distance from this element's left border to its offsetParent's left border. | Number | HTML |
offsetParent | The element from which all offset calculations are currently computed. | Element | HTML |
offsetTop | The distance from this element's top border to its offsetParent's top border. | Number | HTML |
offsetWidth | The width of an element, relative to the layout. | Number | HTML |
ownerDocument | The document that this node is in, or null if the node is not inside of one. | Document | Wszystkie |
| Nazwa | Opis | Typ | Dostępność |
parentNode | The parent element of this node, or null if the node is not inside of a DOM Document. | Node | Wszystkie |
prefix | The namespace prefix of the node, or null if no prefix is specified. | String | Wszystkie |
previousSibling | The node immediately preceding the given one in the tree, or null if there is no sibling node. | Node | Wszystkie |
scrollHeight | The scroll view height of an element. | Number | HTML |
scrollLeft | Gets/sets the left scroll offset of an element. | Number | HTML |
scrollTop | Gets/sets the top scroll offset of an element. | Number | HTML |
scrollWidth | The scroll view width of an element. | Number | HTML |
style | An object representing the declarations of an element's style attributes. | CSSStyle | HTML, XUL |
tabIndex | Gets/sets the position of the element in the tabbing order. | Number | HTML |
tagName | The name of the tag for the given element. | String | Wszystkie |
textContent | Gets/sets the textual contents of an element and all its descendants. | String | Wszystkie |
- attributes
- Zwraca tablicę atrybutów elementu.
- childNodes
- Zwraca tablicę węzłów potomnych elementu
- className
- Pobiera/ustawia klasę elementu.
- clientHeight
- Własność DHTML-a, reprezentuje wewnętrzną wysokość elementu.
- clientLeft
- Długość od lewego obramowania elementu wyrażona w pikselach. Aktualnie nie obsługiwana.
- clientTop
- Długość od górnego obramowania elementu wyrażona w pikselach. Aktualnie nie obsługiwana.
- clientWidth
- Własność DHTML-a, reprezentuje wewnętrzną szerokość elementu.
- dir
- Pobiera/ustawia kierunkowość (ang. directionality) elementu.
- firstChild
- Zwraca pierwsze dziecko bieżącego węzła.
- id
- Pobiera/ustawia id elementu.
- innerHTML
- innerHTML zwraca całą zawartość elementu wraz ze znacznikami.
- lang
- Określa język bazowy dla wartość atrybutów i tekstowej zawartości elementu.
- lastChild
- Zwraca ostatnie dziecko bieżącego węzła.
- length
- Zwraca ilość elementów listy (np. childNodes).
- localName
- Zwraca lokalną część uściślonej nazwy węzła.
- name
- Pobiera lub ustawia atrybut
name- dostępne nie dla wszystkich elementów.
- namespaceURI
- URI przestrzeni nazw węzła lub NULL, jeśli nie określono przestrzeni nazw.
- nextSibling
- Zwraca węzeł bezpośrednio następny w drzewie dokumentu.
- nodeName
- Zwraca nazwę biężącego węzła.
- nodeType
- Zwraca typ bieżącego węzła.
- nodeValue
- Zwraca wartość bieżącego węzła.
- offsetHeight
- offsetHeight jest własnością DHTML-a, zwracającą wysokość elementu względem układu.
- offsetLeft
- offsetLeft pobiera/ustawia ilość pikseli, jaka dzieli element od lewej strony wewnątrz węzła offsetParent.
- offsetParent
- offsetParent zwraca referencję do obiektu, w którym obecny element się znajduje (tj. rodzica).
- offsetTop
- offsetTop zwraca pozycję obecnego elementu względem góry węzła offsetParent.
- offsetWidth
- offsetWidth jest własnością DHTML-a, zwracającą szerokość elementu względem układu.
- ownerDocument
- Zwraca dokument, w którym znajduje się bieżący węzeł.
- parentNode
- Zwraca rodzica bieżącego węzła.
- prefix
- Zwraca prefiks przestrzeni nazw obecnego węzła bądź NULL, jeśli nie określono przestrzeni nazw.
- previousSibling
- Zwraca węzeł bezpośrednio poprzedni w drzewie dokumentu.
- scrollHeight
- Własność DHTML-a, zwraca wysokość zawartości elementu z paskiem przewijania.
- scrollLeft
- Gets or sets the number of pixels that an element's content is scrolled to the left.
- scrollTop
- Własność DHTML-a, która ustawia bądź pobiera odległość między górą elementu a najwyższym punktem zawartości elementu z paskiem przewijania.
- scrollWidth
- Zwraca the width of the scroll view of an element.
- style
- Zwraca blok reguł stylów dla elementu.
- tabIndex
- Pobiera/ustawia pozycję elementu w porządku tabulacji.
- tagName
- Zwraca nazwę elementu.
- textContent
- Pobiera/ustawia zawartość tekstu elementu włączając jego potomków.
Metody
- addEventListener
- Pozwala zarejestrować obserwatora zdarzeń dla celu zdarzenia.
- appendChild
- Wstawia określony węzeł do listy węzłów dokumentu.
- blur
- Dezaktywuje bieżący element.
- click
- Wywołuje kliknięcie na elemencie.
- cloneNode
- Zwraca kopię bieżącego węzła.
- dispatchEvent
- Pozwala przekazać wywołania zdarzeń do modelu zdarzeń w implementacji DOM.
- focus
- Aktywuje bieżący element.
- getAttribute
- Zwraca wartość atrybutu o podanej nazwie.
- getAttributeNS
- Zwraca wartość atrybutu o podanej nazwie i przestrzeni nazw.
- getAttributeNode
- Zwraca atrybut elementu jako osobny węzeł.
- getElementsByTagName
- Zwraca elementy o podanej nazwie będące potomkami bieżącego elementu.
- hasAttribute
- Zwraca wartość logiczną zależnie od tego, czy element posiada atrybut o podanej nazwie.
- hasAttributeNS
- Zwraca wartość logiczną zależnie od tego, czy element posiada atrybut o podanej nazwie i przestrzeni nazw.
- hasAttributes
- Zwraca wartość logiczną zależnie od tego, czy element posiada jakiekolwiek atrybuty.
- hasChildNodes
- Zwraca wartość logiczną zależnie od tego, czy element posiada dzieci.
- insertBefore
- Metoda pozwala wstawić węzeł przed bieżącym elementem w DOM.
- item
- Zwraca węzeł z drzewa wg podanego indeksu.
- normalize
- Metoda zapisuje bieżący węzeł i całe drzewo znajdujące się wewnątrz w "znormalizowanej" formie.
- removeAttribute
- Usuwa atrybut elementu.
- removeAttributeNode
- Usuwa określony atrybut elementu.
- removeChild
- Usuwa węzeł potomny bieżącego elementu.
- removeEventListener
- Pozwala usunąć obserwatora zdarzeń z celu zdarzenia.
- replaceChild
- Metoda replaceChild() zastępuje węzeł potomny bieżącego elementu innym węzłem.
- setAttribute
- Dodaje nowy atrybut bądź zmienia wartość atrybutu bieżącego elementu.
- setAttributeNS
- Dodaje nowy atrybut bądź zmienia wartość atrybutu bieżącego elementu, wg podanej nazwy i przestrzeni nazw.
- setAttributeNode
- Dodaje nowy węzeł atrybutu do bieżącego elementu.
- setAttributeNodeNS
- Dodaje nowy węzeł atrybutu do bieżącego elementu wg podanej nazwy i przestrzeni nazw.
- supports
- Sprawdza, czy implementacja DOM pozwala na wykorzystanie konkretnej możliwości.