Das beste HTML DOM-Element-Objekt-Tutorial im Jahr 2024. In diesem Tutorial können Sie HTML-DOM-Knoten,Element-Objekt,Browser-Unterstützung,Eigenschaften und Methoden, lernen
HTML - DOM (Document Object Model) in jedem Knoten die Dinge sind:
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).
Alle gängigen Browser unterstützen Elementobjekt und NodeList Objekt. .
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. |