HTML-DOM-Knoten
In dem HTML - DOM (Document Object Model) , alles ist ein Knoten:
- Das Dokument selbst ist ein Dokument Knoten
- Alle HTML-Elemente sind Elementknoten
- Alle HTML-Attribute sind Attributknoten
- Text in HTML-Elemente sind Textknoten
- Die Kommentare sind Kommentarknoten
Das Element-Objekt
In dem HTML - DOM, stellt das Element ein HTML - Objekt - Element.
Element - Objekte können haben untergeordnete Knoten des Typs Elementknoten, Textknoten oder Kommentarknoten.
Ein NodeList Objekt stellt eine Liste von Knoten wie eine Sammlung des HTML - Element der untergeordneten Knoten.
Elemente können auch Attribute haben. Attribute sind Attributknoten (See next chapter) .
Browser-Unterstützung
| Objekt | |||||
|---|---|---|---|---|---|
| Element | Ja | Ja | Ja | Ja | Ja |
| NodeList | Ja | Ja | Ja | Ja | Ja |
Das Element-Objekt und das NodeList Objekt sind in allen gängigen Browsern unterstützt.
Eigenschaften und Methoden
Die folgenden Eigenschaften und Methoden können auf allen HTML-Elemente verwendet werden:
| Eigenschaft / Methode | Beschreibung |
|---|---|
| element .accessKey | Setzt oder sendet das accesskey Attribut eines Elements |
| element . addEventListener() | Hängt eine Ereignisbehandlungsroutine auf das angegebene Element |
| element . appendChild() | Fügt einen neuen untergeordneten Knoten, auf ein Element, als das letzte Kind-Knoten |
| element .attributes | Gibt eine NamedNodeMap ein Attribut des Elements |
| element . blur() | Entfernt Fokus von einem Element |
| element .childElementCount | Gibt die Anzahl der untergeordneten Elemente ein Element |
| element .childNodes | Gibt eine Sammlung eines Elementgeordneten Knoten (einschließlich Text und Kommentar-Knoten) |
| element .children | Gibt eine Sammlung ein untergeordnetes Element des Elements (ohne Text und Kommentar-Knoten) |
| element .classList | Gibt die name(s) ein Element |
| element .className | Setzt oder gibt den Wert der class Attribut eines Elements |
| element . click() | Simuliert einen Mausklick auf ein Element |
| element .clientHeight | Gibt die Höhe eines Elements, einschließlich padding |
| element .clientLeft | Gibt die Breite des linken Randes ein Element |
| element .clientTop | Gibt die Breite der oberen Grenze eines Elements |
| element .clientWidth | Gibt die Breite eines Elements, einschließlich padding |
| element . cloneNode() | Klone ein Element |
| element . compareDocumentPosition() | Vergleicht das Dokument Lage zweier Elemente |
| element . contains() | Gibt true zurück, wenn ein Knoten ein Nachkomme eines Knotens ist, andernfalls false |
| element .contentEditable | Setzt oder gibt zurück, ob der Inhalt eines Elements ist editierbar oder nicht |
| element .dir | Sets oder gibt den Wert des dir - Attribut eines Elements |
| element .firstChild | Gibt den ersten untergeordneten Knoten ein Element |
| element .firstElementChild | Gibt das erste untergeordnete Element eines Elements |
| element . focus() | Gibt Fokus auf ein Element, |
| element . getAttribute() | Gibt den specified Attributwert eines Elements Knoten |
| element . getAttributeNode() | Gibt den specified Attributknoten |
| element . getElementsByClassName() | Gibt eine Auflistung aller untergeordneten Elemente mit dem angegebenen Klassennamen |
| element . getElementsByTagName() | Gibt eine Auflistung aller untergeordneten Elemente mit dem angegebenen Tag-Namen |
| element . getFeature() | Gibt ein Objekt zurück, das die APIs von einer bestimmten Funktion implementiert |
| element . hasAttribute() | Gibt true zurück , wenn ein Element das hat specified Attribut, andernfalls false |
| element . hasAttributes() | Gibt true zurück, wenn ein Element keine Attribute hat, andernfalls false |
| element . hasChildNodes() | Gibt true zurück, wenn ein Element untergeordneten Knoten besitzt, andernfalls false |
| element .id | Setzt oder gibt den Wert des id - Attribut eines Elements |
| element .innerHTML | Setzt oder gibt den Inhalt eines Elements |
| element . insertBefore() | Fügt einen neuen untergeordneten Knoten vor einem bestimmten, vorhandenen, untergeordneten Knoten |
| element .isContentEditable | Gibt true zurück, wenn der Inhalt eines Elements bearbeitet werden kann, andernfalls false |
| element . isDefaultNamespace() | Gibt true zurück, wenn ein spezifiziertes namespaceURI der Standardwert ist, andernfalls false |
| element . isEqualNode() | Prüft, ob zwei Elemente gleich sind, |
| element . isSameNode() | Prüft, ob zwei Elemente sind die gleichen Knoten |
| element . isSupported() | Gibt true zurück, wenn ein bestimmtes Merkmal auf dem Element unterstützt wird |
| element .lang | Setzt oder gibt den Wert des lang Attribut eines Elements |
| element .lastChild | Gibt den letzten Kind-Knoten ein Element |
| element .lastElementChild | Gibt das letzte untergeordnete Element eines Elements |
| element .namespaceURI | Gibt den Namespace-URI eines Elements |
| element .nextSibling | Gibt den nächsten Knoten auf der gleichen Knoten Baumebene |
| element .nextElementSibling | Gibt das nächste Element am gleichen Knoten Baumebene |
| element .nodeName | Gibt den Namen eines Knotens |
| element .nodeType | Gibt den Knotentyp eines Knotens |
| element .nodeValue | Setzt oder gibt den Wert eines Knotens |
| element . normalize() | Schließt sich benachbarte Textknoten und entfernt leere Textknoten in einem Element |
| element .offsetHeight | Gibt die Höhe eines Elements, einschließlich padding, Grenz- und scrollbar |
| element .offsetWidth | Gibt die Breite eines Elements, einschließlich padding, Grenz- und scrollbar |
| element .offsetLeft | Gibt die horizontale Versatzposition eines Elements |
| element .offsetParent | Gibt den Offset Behälter ein Element |
| element .offsetTop | Gibt die vertikale Offset-Position eines Elements |
| element .ownerDocument | Gibt das Wurzelelement (document object) für ein Element |
| element .parentNode | Gibt den Elternknoten eines Elements |
| element .parentElement | Gibt das übergeordnete Element Knoten eines Elements |
| element .previousSibling | Gibt den vorherigen Knoten auf der gleichen Knoten Baumebene |
| element .previousElementSibling | Gibt das vorherige Element auf der gleichen Knoten Baumebene |
| element . querySelector() | Gibt das erste Kind - Element , das einen bestimmten CSS paßt selector(s) ein Element |
| Element. querySelectorAll() | Gibt alle untergeordneten Elemente , die einen bestimmten CSS paßt selector(s) ein Element |
| element . removeAttribute() | Entfernt ein bestimmtes Attribut aus einem Elemente |
| element . removeAttributeNode() | Entfernt einen bestimmten Attributknoten und gibt den entfernten Knoten |
| element . removeChild() | Entfernt ein Kind-Knoten von einem Element |
| element . replaceChild() | Ersetzt einen untergeordneten Knoten in einem Element |
| element . removeEventListener() | Entfernt ein Event - Handler, der mit dem daran befestigten wurde addEventListener() Methode |
| element .scrollHeight | Liefert die gesamte Höhe eines Elements, einschließlich padding |
| element .scrollLeft | Setzt oder gibt die Anzahl der Pixel der Inhalt eines Elements horizontal gescrollt wird |
| element .scrollTop | Setzt oder gibt die Anzahl der Pixel der Inhalt eines Elements vertikal gescrollt |
| element .scrollWidth | Liefert die ganze Breite eines Elements, einschließlich padding |
| element . setAttribute() | Setzt oder ändert das specified Attribut auf den angegebenen Wert |
| element . setAttributeNode() | Setzt oder ändert den specified Attributknoten |
| element .style | Setzt oder gibt den Wert des style - Attribut eines Elements |
| element .tabIndex | Sets oder gibt den Wert des tabindex Attribut eines Elements |
| element .tagName | Gibt den Tag-Namen eines Elements |
| element .textContent | Setzt oder gibt den Textinhalt eines Knotens und seine Nachkommen |
| element .title | Setzt oder gibt den Wert des title - Attribut eines Elements |
| element . toString() | Wandelt ein Element in einen String |
| Nodelist. item() | Gibt den Knoten an dem angegebenen Index in einem NodeList |
| Nodelist .length | Gibt die Anzahl der Knoten in einem NodeList |