Window Document Object

Document Object

When an HTML document is loaded into a web browser, it becomes aDocument Object.

Document Objectis the root node of an HTML document.

Document ObjectisWindow Object.

Access properties in the following wayDocument Object:

window.document or simply document

Example

let url = window.document.URL;

Try it yourself

let url = document.URL;

Try it yourself

Document Object Properties and Methods

The following properties and methods can be used in HTML documents:

Property / Method Description
activeElement Return the element that is currently focused in the document.
addEventListener() Attach an event handler to the document.
adoptNode() Adopt a node from another document.
anchors Ubrugt.
applets Ubrugt.
baseURI Return the absolute base URI of the document.
body Set or return the body (the <body> element) of the document.
charset Ubrugt.
characterSet Return the character encoding of the document.
close() Close the output stream opened previously with document.open().
cookie Return the name/value pairs of all cookies in the document.
createAttribute() Create an attribute node.
createComment() Create a Comment node with specified text.
createDocumentFragment() Create an empty DocumentFragment node.
createElement() Create an element node.
createEvent() Create a new event.
createTextNode() Create a text node.
defaultView Return the window object associated with the document, or null if not available.
designMode Control whether the entire document should be editable.
doctype Return the document type declaration associated with the document.
documentElement Return the Document element (the <html> element) of the document.
documentMode Ubrugt.
documentURI Set or return the location of the document.
domain Return the domain name of the server that loaded the document.
domConfig Ubrugt.
embeds Return the collection of all <embed> elements in the document.
execCommand() Ubrugt.
forms Return the collection of all <form> elements in the document.
getElementById() Return the element with the specified ID attribute value.
getElementsByClassName() Return all elements that have a specified class name. HTMLCollection.
getElementsByName() Return active elements that have a specified name. NodeList.
getElementsByTagName() Return all elements that have a specified tag name. HTMLCollection.
hasFocus() Return a boolean value indicating whether the document has focus.
head Return the <head> element of the document.
images Return the collection of all <img> elements in the document.
implementation Returnerer DOMImplementation-objektet, der håndterer dette dokument.
importNode() Importér en knude fra en anden dokument.
inputEncoding Ubrugt.
lastModified Returnerer dato og klokkeslæt for den sidste ændring af dokumentet.
links Returnerer samlingen af <a> og <area>-elementer, der har en href-egenskab, i dokumentet.
normalize() Fjern tomme tekstknuder og forbinder vedrørende noder.
normalizeDocument() Ubrugt.
open() Åbn HTML-uddatastrømmen for at samle output fra document.write().
querySelector() Returnerer det første element, der matcher den specificerede CSS-vælger i dokumentet.
querySelectorAll() Returnerer en statisk NodeList, der indeholder alle elementer, der matcher den specificerede CSS-vælger i dokumentet.
readyState Returnerer dokumentets (indlæsnings) tilstand.
referrer Returnerer URL'en til dokumentet, der er indlæst.
removeEventListener() Fjern eventhandler fra dokumentet (allerede brugt addEventListener() metoden tilføjede).
renameNode() Ubrugt.
scripts Returnerer samlingen af <script>-elementer i dokumentet.
strictErrorChecking Ubrugt.
title Sæt eller returner dokumentets titel.
URL Returnerer den fulde URL for HTML-dokumentet.
write() Skriv HTML-udtryk eller JavaScript-kode til dokumentet.
writeln() Lignende write(), men tilføjer en linjeskift efter hvert statement.

Document-objektets beskrivelse

HTMLDocument-grænsefladen udvider DOM Document-grænsefladen og definerer HTML-specifikke egenskaber og metoder.

Mange egenskaber og metoder er HTMLCollection-objekter (de kan faktisk bruges som en array eller en læse-skrive-array), hvor der gemmes referencer til anker, formulær, links og andre skriptbare elementer.

Disse samlingsegenskaber stammer fra 0. niveau DOM. De er blevet Document.getElementsByTagName() er erstattet, men bruges stadig ofte, fordi de er meget bekvemme.

write() metodenBemærkelsesværdigt, når dokumentet indlæses og analyseres, tillader det en skript at indsætte dynamisk genereret indhold i dokumentet.

Bemærk, i 1. DOM-niveau har HTMLDocument defineret en funktion ved navn getElementById() en meget nyttig metode. I 2. DOM-niveau er metoden blevet flyttet til Document-grænsefladen, og den arves nu af HTMLDocument i stedet for at være defineret af den.