Window Document 对象

Document 对象

当 HTML 文档加载到 Web 浏览器中时，它就变成了一个文档对象.

文档对象是 HTML 文档的根节点。

文档对象是窗口对象的属性。

通过以下方式访问文档对象：

window.document 或仅用 document

实例

let url = window.document.URL;

亲自试一试

let url = document.URL;

亲自试一试

文档对象属性和方法

以下属性和方法可用于 HTML 文档：

属性 / 方法 描述
activeElement 返回文档中当前获得焦点的元素。
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 (das <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 aller 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 verbundene Fensterobjekt zurück, falls keins verfügbar ist, wird null zurückgegeben.
designMode Kontrolliert, ob das gesamte Dokument editierbar sein sollte.
doctype Gibt die Dokumenttypdeklaration, die mit dem Dokument verbunden ist, zurück.
documentElement Gibt das Document-Element des Dokuments zurück (das <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 das ID-Attribut 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 booleschen 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 einen 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 das href-Attribut 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 (Lade-)Status des Dokuments zurück.
referrer Gibt die URL des Dokuments zurück, das das aktuelle Dokument geladen hat.
removeEventListener() Entfernt einen Event-Handler aus dem Dokument (bereits verwendet addEventListener() Methode 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 am Ende jeder Anweisung.

Beschreibung des Document-Objekts

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

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

Diese Sammlungsattribute stammen alle aus dem 0. DOM-Level. Sie wurden bereits Document.getElementsByTagName() wird durch etwas anderes ersetzt, wird aber immer noch oft verwendet, da sie sehr praktisch sind.

write() MethodeEs ist bemerkenswert, dass es beim Laden und Verarbeiten von Dokumenten eine Möglichkeit gibt, Skripte dynamisch generierte Inhalte in das Dokument einzufügen.

Beachten Sie, dass in der 1. Ebene des DOM HTMLDocument eine Methode definiert hat namens getElementById() sehr nützliche Methode. In der 2. Ebene des DOM wurde diese Methode in das Document-Interface verschoben, sie wird jetzt von HTMLDocument geerbt und nicht mehr von ihr definiert.