HTML DOM Document-Objekt

Document-Objekt

Wenn ein HTML-Dokument in einen Webbrowser geladen wird, wird es zu einemDokumentobjekt.

Dokumentobjektder Wurzelknoten eines HTML-Dokuments.

DokumentobjektistFensterobjektder Eigenschaften.

durch folgende Art und Weise zugänglichDokumentobjekt:

window.document oder auch nur document

Beispiel

let url = window.document.URL;

Versuchen Sie es selbst!

let url = document.URL;

Versuchen Sie es selbst!

Dokumentobjekteigenschaften und -methoden

Nachfolgende Eigenschaften und Methoden können im HTML-Dokument verwendet werden:

Eigenschaft / Methode Beschreibung
all[] Rückgabe eines Verweises auf alle HTML-Elemente im Dokument.
activeElement Rückgabe des Elements, das im Dokument momentan den Fokus hat.
addEventListener() Fügt einen Event-Handler dem Dokument hinzu.
adoptNode() Nimmt Knoten aus einem anderen Dokument an.
anchors Veraltet.
applets Veraltet.
baseURI Gibt die absolute Basis-URI des Dokuments zurück.
body Setzt oder gibt den Textkörper des Dokuments zurück (den <body>-Element).
charset Veraltet.
characterSet Gibt die Zeichensatz编码 des Dokuments zurück.
close() Schließt den Output-Stream, der zuvor mit document.open() geöffnet wurde.
cookie Gibt alle Namen/Wert-Paare der Cookies im Dokument zurück.
createAttribute() Erstellt einen Attributknoten.
createComment() Erstellt einen Comment-Knoten mit angegebenem Text.
createDocumentFragment() Erstellt einen leeren DocumentFragment-Knoten.
createElement() Erstellt einen Elementknoten.
createEvent() Erstellt ein neues Ereignis.
createTextNode() Erstellt einen Textknoten.
defaultView Gibt das mit dem Dokument verknüpfte Fensterobjekt zurück, falls keins verfügbar ist, wird null zurückgegeben.
designMode Steuert, ob das gesamte Dokument editierbar sein sollte.
doctype Gibt die Dokumenttypdeklaration, die mit dem Dokument verknüpft ist, zurück.
documentElement Gibt das Document-Element des Dokuments zurück (den <html>-Element).
documentMode Veraltet.
documentURI Setzt oder gibt die Position des Dokuments zurück.
domain Gibt den Domain-Namen des Servers zurück, von dem das Dokument geladen wurde.
domConfig Veraltet.
embeds Gibt die Sammlung aller <embed>-Elemente im Dokument zurück.
execCommand() Veraltet.
forms Gibt die Sammlung aller <form>-Elemente im Dokument zurück.
getElementById() Gibt das Element zurück, das die ID mit dem angegebenen Wert hat.
getElementsByClassName() Gibt alle Elemente zurück, die den angegebenen Klassennamen haben. HTMLCollection.
getElementsByName() Gibt alle aktiven Elemente zurück, die den angegebenen Namen haben. NodeList.
getElementsByTagName() Gibt alle Elemente zurück, die den angegebenen Tag-Namen haben. HTMLCollection.
hasFocus() Gibt einen Boole-Wert zurück, der angibt, ob das Dokument den Fokus hat.
head Gibt das <head>-Element des Dokuments zurück.
images Gibt die Sammlung aller <img>-Elemente im Dokument zurück.
implementation Gibt das DOMImplementation-Objekt zurück, das dieses Dokument verarbeitet.
importNode() Importiert Knoten aus einem anderen Dokument.
inputEncoding Veraltet.
lastModified Gibt das Datum und die Uhrzeit der letzten Änderung des Dokuments zurück.
links Gibt die Sammlung aller <a> und <area>-Elemente im Dokument zurück, die die Eigenschaft href haben.
normalize() Entfernt leere Textknoten und verbindet benachbarte Knoten.
normalizeDocument() Veraltet.
open() Öffnet den HTML-Ausgabestrom, um die Ausgabe von document.write() zu sammeln.
querySelector() Gibt das erste Element zurück, das mit dem angegebenen CSS-Selektor im Dokument übereinstimmt.
querySelectorAll() Gibt eine statische NodeList zurück, die alle Elemente enthält, die mit dem angegebenen CSS-Selektor im Dokument übereinstimmen.
readyState Gibt den Ladezustand des Dokuments (geladen) zurück.
referrer Gibt die URL des Dokuments zurück, das das aktuelle Dokument geladen hat.
removeEventListener() Event-Handler aus dem Dokument entfernen (bereits verwendet Methoden zugefügten)
renameNode() Veraltet.
scripts Gibt die Sammlung der <script>-Elemente im Dokument zurück.
strictErrorChecking Veraltet.
title Setzt oder gibt den Titel des Dokuments zurück.
URL Gibt die vollständige URL des HTML-Dokuments zurück.
write() Schreibt HTML-Ausdrücke oder JavaScript-Code in das Dokument.
writeln() Gleich wie write(), aber mit Zeilenumbruch nach jedem Statement.

Beschreibung des Document-Objekts

Das HTMLDocument-Interface erweitert das DOM Document-Interface und definiert spezifische Attribute und Methoden für HTML.

Viele Eigenschaften und Methoden sind HTMLCollection-Objekte (tatsächlich sind sie lesbare Arrays, die mit Namen oder Indizes angesprochen werden können), die Verweise auf Anker, Formulare, Links und andere skriptfähige Elemente enthalten.

Diese Sammlungsattribute stammen aus dem 0. DOM-Level. Sie wurden Document.getElementsByTagName() ersetzt wurde, wird aber dennoch oft verwendet, da sie sehr praktisch sind.

MethodenWährend des Ladens und der Analyse von Dokumenten erlaubt es, dass ein Skript dynamisch generierte Inhalte in das Dokument einfügt.

Beachten Sie, dass in der 1. DOM-Stufe HTMLDocument eine Methode namens definiert hat. getElementById() sehr nützliche Methoden. In der 2. DOM-Stufe wurde diese Methode in das Document-Interface verschoben und wird jetzt von HTMLDocument geerbt, anstatt von ihr definiert zu sein.