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 Document Object
Wenn ein HTML - Dokument in einen Web - Browser geladen wird, wird es ein Dokument - Objekt.
Das Dokument - Objekt ist der Wurzelknoten des HTML - Dokuments und der "owner" von allen anderen Knoten:
(Elementknoten, Textknoten, Attributknoten und Kommentarknoten).
Das Dokument-Objekt stellt Eigenschaften und Methoden alle Knoten Objekte zuzugreifen, von innen JavaScript.
Tip: Das Dokument ist ein Teil des Window - Objekts und kann als window.document zugegriffen werden.
Browser-Unterstützung
| Objekt | |||||
|---|---|---|---|---|---|
| Document | Ja | Ja | Ja | Ja | Ja |
Das Document Object wird in allen gängigen Browsern unterstützt.
Document Object Eigenschaften und Methoden
Die folgenden Eigenschaften und Methoden können in HTML-Dokumenten verwendet werden:
| Eigenschaft / Methode | Beschreibung |
|---|---|
| document.activeElement | Gibt das aktuell fokussierten Element im Dokument |
| Dokument. addEventListener() | Hängt einen Ereignishandler auf das Dokument |
| Dokument. adoptNode() | Nimmt einen Knoten aus einem anderen Dokument |
| document.anchors | Gibt eine Auflistung aller <a> Elemente in dem Dokument , das ein Namensattribut haben |
| document.applets | Gibt eine Auflistung aller <applet> -Elemente im Dokument |
| document.baseURI | Gibt den absoluten Basis-URI eines Dokuments |
| document.body | Setzt oder sendet das Dokument des Körpers (the <body> element) |
| Dokument. close() | zuvor schließt den Ausgangsstrom mit dem Dokument geöffnet. open() |
| document.cookie | Gibt alle Namen / Wert - Paare von cookies im Dokument |
| Dokument. createAttribute() | Erzeugt einen Attributknoten |
| Dokument. createComment() | Erstellt einen Kommentar Knoten mit dem angegebenen Text |
| Dokument. createDocumentFragment() | Erzeugt einen leeren Knoten Document |
| Dokument. createElement() | Erzeugt einen Elementknoten |
| Dokument. createTextNode() | Erstellt ein Text-Knoten |
| document.doctype | Gibt die Document Type Declaration mit dem Dokument verknüpften |
| document.documentElement | Gibt das Dokument Element des Dokuments (the <html> element) |
| document.documentMode | Gibt den Modus vom Browser verwendet zu machen, das Dokument |
| document.documentURI | Setzt oder gibt den Speicherort des Dokuments |
| document.domain | Gibt den Domain-Namen des Servers, der das Dokument geladen |
| document.domConfig | Obsolet. Gibt die DOM-Konfiguration des Dokuments |
| document.embeds | Gibt eine Auflistung aller <embed> Elemente das Dokument |
| document.forms | Gibt eine Auflistung aller <form> -Elemente im Dokument |
| Dokument. getElementById() | Gibt das Element, das die hat ID - Attribut mit dem angegebenen Wert |
| Dokument. getElementsByClassName() | Gibt eine NodeList alle Elemente mit dem angegebenen Klassennamen enthält |
| Dokument. getElementsByName() | Gibt eine NodeList alle Elemente mit einem bestimmten Namen enthalten |
| Dokument. getElementsByTagName() | Gibt eine NodeList alle Elemente mit dem angegebenen Tag-Namen enthält, |
| Dokument. hasFocus() | Gibt einen Booleschen Wert, der angibt, ob das Dokument den Fokus hat |
| document.head | Gibt das <head> Element des Dokuments |
| document.images | Gibt eine Auflistung aller <img> -Elemente im Dokument |
| document.implementation | Gibt das DOMImplementation Objekt, das dieses Dokument behandelt |
| Dokument. importNode() | Importiert eine Knoten aus einem anderen Dokument |
| document.inputEncoding | Gibt die Kodierung, Zeichensatz, für das Dokument verwendet |
| document.lastModified | Gibt das Datum und die Uhrzeit das Dokument zuletzt geändert wurde |
| document.links | Gibt eine Auflistung aller <a> und <area> Elemente in dem Dokument , das a href Attribut |
| Dokument. normalize() | Entfernt leeren Textknoten und verbindet benachbarten Knoten |
| Dokument. normalizeDocument() | Entfernt leeren Textknoten und verbindet benachbarten Knoten |
| Dokument. open() | Öffnet einen HTML-Ausgabestrom zur Ausgabe aus dem Dokument zu sammeln. write() |
| Dokument. querySelector() | Gibt das erste Element , das einen bestimmten CSS paßt selector(s) in dem Dokument |
| Dokument. querySelectorAll() | Gibt eine statische NodeList alle Elemente enthalten , die einen bestimmten CSS entspricht selector(s) in dem Dokument |
| document.readyState | Gibt den (loading) Status des Dokuments |
| document.referrer | Gibt die URL des Dokuments, das das aktuelle Dokument geladen |
| Dokument. removeEventListener() | Entfernt eine Ereignisbehandlungsroutine aus dem Dokument (das mit der daran befestigten wurde addEventListener() Methode) |
| Dokument. renameNode() | Benennt die angegebenen Knoten |
| document.scripts | Gibt eine Auflistung von <script> -Elemente im Dokument |
| document.strictErrorChecking | Setzt oder gibt zurück, ob die Fehlerprüfung erzwungen wird oder nicht |
| Dokumenttitel | Setzt oder gibt den Titel des Dokuments |
| document.URL | Gibt die vollständige URL des HTML-Dokuments |
| Dokument. write() | Schreibt HTML Ausdrücke oder JavaScript-Code in ein Dokument |
| Dokument. writeln() | Das gleiche wie write() , sondern fügt eine neue Zeile Zeichen nach jeder Anweisung |
Achtung !!!
Im W3C-DOM-Core erbt das Document-Objekt alle Eigenschaften und Methoden aus dem Node-Objekt.
Viele dieser Eigenschaften und Methoden machen keinen Sinn, auf Dokumente verwendet.
Vermeiden Sie diese Knoten Objekteigenschaften und Methoden auf HTML - Dokument Objekte mit:
| Eigenschaft / Methode | Grund für die Vermeidung von |
|---|---|
| document.attributes | Dokumente haben keine Attribute |
| Dokument. hasAttributes() | Dokumente haben keine Attribute |
| document.nextSibling | Dokumente haben keine Geschwister |
| document.nodeName | Dies ist immer dann #document |
| document.nodeType | Dies ist immer dann 9 (DOCUMENT_NODE) |
| document.nodeValue | Dokumente haben keinen Knotenwert |
| document.ownerDocument | Dokumente haben keinen Eigentümer Dokument |
| document.ownerElement | Dokumente haben keinen Eigentümer Element |
| document.parentNode | Dokumente haben keinen übergeordneten Knoten |
| document.previousSibling | Dokumente haben keine Geschwister |
| document.textContent | Dokumente haben keinen Textinhalt |