HTML DOM-Element-Objekt
HTML-DOM-Knoten
HTML - DOM (Document Object Model) in jedem Knoten die Dinge sind:
- Das Dokument selbst ist ein Dokument-Objekt
- Alle HTML-Elemente sind ein Elementknoten
- Alle HTML-Attribute sind Attributknoten
- HTML-Elemente sind in den Text des Textknotens eingefügt
- Die Kommentare sind Kommentarknoten
Element-Objekt
In der HTML - DOM stellt das Element Objekt ein HTML - Element.
Kinder der Elementobjekte sein können, kann ein Elementknoten, Textknoten, Kommentarknoten sein.
NodeList Objekt stellt eine Knotenliste, ähnlich dem HTML - Element Kind Sammlung Knoten.
Die Elemente können Attribute haben. Das Gut Knoten zuzuordnen (siehe nächster Abschnitt).
Browser-Unterstützung
Alle gängigen Browser unterstützen Elementobjekt und NodeList Objekt. .
Eigenschaften und Methoden
Die oben genannten Eigenschaften und Methoden, die für alle HTML-Elemente anwenden:
| Eigenschaft / Methode | Beschreibung |
|---|---|
| Element .accessKey | Setzt oder sendet ein Element accesskey |
| Element .addEventListener () | Fügen Sie einen Event-Handler auf ein bestimmtes Element |
| Element .appendChild () | Das Hinzufügen eines neuen Elements auf das Kind-Element |
| Element .attributes | Es gibt ein Array von Attributen eines Elements |
| Element .childNodes | Gibt ein Array von Elementen in einem untergeordneten Knoten |
| Element .classlist | Gibt den Klassennamen des Elements, wie DOMTokenList Objekt. |
| Element .className | Setzt oder sendet das Klassenattribut des Elements |
| Element .clientHeight | Gibt den Inhalt auf der Seite sichtbar Höhe (ohne Rahmen, Ränder oder Scrollbalken) |
| Element .clientWidth | Gibt den Inhalt der Seite sichtbar in der Breite (ohne Rahmen, Ränder oder Scrollbalken) |
| Element .cloneNode () | Das Klonen eines Elements |
| Element .compareDocumentPosition () | Document Location zwei Elemente miteinander zu vergleichen. |
| Element .contentEditable | Setzt oder gibt zurück, ob der Inhalt des Elements bearbeitet werden |
| Element .dir | Setzt oder sendet ein Element in der Richtung der Text |
| Element .firstChild | Gibt das erste Kind des Elements |
| Element .focus () | Stellen Sie Dokument oder Element Gewinn Fokus |
| Element .getAttribute () | Gibt das angegebene Element der Attributwerte |
| Element .getAttributeNode () | Gibt den angegebenen Attributknoten |
| Element .getElementsByTagName () | Gibt den Tag-Namen aus einer Sammlung aller untergeordneten Elemente. |
| Element. getElementsByClassName () | Gibt alle Elemente in dem Dokument den Klassennamen der Sammlung angeben, wie NodeList Objekt. |
| Element .getFeature () | Gibt die angegebenen Eigenschaften des Objekts zu APIs ausführen. |
| Element .getUserData () | Liefert ein Objekt mit dem Schlüsselelement zugeordnet ist. |
| Element .hasAttribute () | Wenn die angegebene Eigenschaft Element gibt true zurück existiert, andernfalls wird false zurückgegeben. |
| Element .hasAttributes () | Wenn es irgendein Element Eigenschaft gibt true zurück, andernfalls wird false zurückgegeben. |
| Element .hasChildNodes () | Gibt an, ob ein Element hat Kinder Element |
| Element .hasfocus () | Gibt einen Booleschen Wert, Erfassen, ob das Dokument oder Element Gewinn Fokus |
| Element .id | Setzt oder sendet ID des Elements. |
| Element .innerHTML | Setzt oder gibt den Inhalt des Elements. |
| Element .insertBefore () | Fügen Sie ein neues Kind-Element vor dem bestehenden Kind-Element |
| Element .isContentEditable | Wenn das Element Inhalt editierbare gibt true zurück, andernfalls false |
| Element .isDefaultNamespace () | Wenn die namespaceURI true zurück, andernfalls wird false zurückgegeben. |
| Element .isEqualNode () | Überprüfen Sie die beiden Elemente sind gleich |
| Element .isSameNode () | Überprüfen Sie die beiden Elemente alle den gleichen Knoten haben. |
| Element .isSupported () | Wenn unterstützten Funktionen im Element angegebenen Wert true zurück. |
| Element .lang | Setzt oder sendet die Sprache eines Elements. |
| Element .lastChild | Letztes Kind-Element zurückgegeben |
| Element .namespaceURI | Gibt den URI-Namespace. |
| Element .nextSibling | durch eine Rückkehr des Elements Gefolgt |
| Element .nodeName | Gibt den Tag-Namen des Elements (Großbuchstaben) |
| Element .nodeType | Gibt den Knotentyp des Elements |
| Element .nodeValue | Gibt den Wert des Elements Knoten |
| Element .normalize () | So hat dies eine "normale" Form geworden, in dem nur Struktur (zB Elemente, Kommentare, Verarbeitungsanweisungen, CDATA-Abschnitte, und Entity-Referenzen) im Abstand Textknoten, dh die Elemente (einschließlich Immobilien) alle Textknoten unten, sind weder benachbart Textknoten noch leere Textknoten |
| Element .offsetHeight | Liefert ein Element von beliebiger Höhe einschließlich der Grenze und Füllung, aber nicht am Rand |
| Element .offsetWidth | Gibt die Breite des Elements, einschließlich der Grenzen und Polsterung, aber nicht Pannen |
| Element .offsetLeft | Gibt das aktuelle Element einer relativen horizontalen Offset-Position versetzt Behälter |
| Element .offsetParent | Gibt den Offset-Containerelement |
| Element .offsetTop | Gibt das aktuelle Element relativ vertikalen Versatz des Offset Behälter |
| Element .ownerDocument | Gibt das Element des Wurzelelements (Document Object) |
| Element .parentNode | Gibt den übergeordneten Knoten eines Elements |
| Element .previousSibling | Gibt ein Element unmittelbar Element vorhergehenden |
| Element .querySelector () | die angegebenen CSS-Selektor Element Revanche ist das erste Kind Element |
| document.querySelectorAll () | Gibt den angegebenen CSS-Selektor entspricht dem Elementknoten Liste aller Unterelemente |
| Element .removeAttribute () | Entfernt das angegebene Attribut aus dem Element |
| Element .removeAttributeNode () | Entfernt das angegebene Attributknoten und gibt den Knoten Entfernung nach. |
| Element .removeChild () | Zum Löschen eines Unterelement |
| Element .removeEventListener () | Nehmen Sie den Griff durch die addEventListener () -Methode ein Ereignis hinzufügen |
| Element .replaceChild () | Ersetzen Sie ein untergeordnetes Element |
| Element .scrollHeight | Gibt die Höhe des gesamten Elements (einschließlich mit versteckten Ort der Bildlaufleiste) |
| Element .scrollLeft | Erträge aus der aktuellen Sicht der tatsächlichen Elemente der linken Kante und der linken Kante |
| Element .scrollTop | Zurück von der oberen Kante und eine Draufsicht auf die tatsächlichen Elemente der Kante zwischen dem aktuellen |
| Element .scrollWidth | Gibt die gesamte Breite des Elements (einschließlich mit versteckten Ort der Bildlaufleiste) |
| Element .setAttribute () | Set oder die angegebenen Eigenschaften ändern und den angegebenen Wert. |
| Element .setAttributeNode () | Setzen oder das angegebene Attribut Knoten ändern. |
| Element .setIdAttribute () | |
| Element .setIdAttributeNode () | |
| Element .setUserData () | In dem Element mit dem angegebenen Schlüssel-Objekt zugeordnet ist. |
| Element .style | Setzt oder sendet das style-Attribut des Elements |
| Element .tabIndex | Setzt oder sendet die Tab-Reihenfolge der Elemente. |
| Element .tagName | Als String-Tag Name eines Elements (Großbuchstaben) |
| Element .textContent | Setzt oder sendet einen Knoten und dessen Textinhalt |
| Element .title | Setzt oder sendet das Titelattribut des Elements |
| Element .toString () | Ein Element in einen String |
| Nodelist .item () | Gibt den Index eines Elements im Dokumentbaum basierend |
| Nodelist .length | Gibt die Anzahl der Knoten in der Knotenliste. |