HTML DOM Document Objekt

Document Object

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

Document Objectis the root node of the HTML document.

Document ObjectisWindow Objectproperties.

Accessed by the following waysDocument 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 for HTML documents:

Property / Method Description
all[] Return a reference to all HTML elements in the document.
activeElement Return the element currently focused in the document.
addEventListener() Attach an event handler to the document.
adoptNode() Adopt a node from another document.
anchors Udgået.
applets Udgået.
baseURI Return the absolute base URI of the document.
body Set or return the body (the <body> element) of the document.
charset Udgået.
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 none is 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 of the document (<html> element).
documentMode Udgået.
documentURI Set or return the location of the document.
domain Return the domain name of the server that loaded the document.
domConfig Udgået.
embeds Return the collection of all <embed> elements in the document.
execCommand() Udgået.
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 the specified class name. HTMLCollection.
getElementsByName() Return the active elements that have the specified name. NodeList.
getElementsByTagName() Return all elements that have the 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() Importer en knude fra en anden dokument.
inputEncoding Udgået.
lastModified Returnerer dato og klokkeslæt for den sidste ændring af dokumentet.
links Returnerer en samling af <a> og <area>-elementer, der har en href-egenskab i dokumentet.
normalize() Fjern tomme tekstknuder og kobl sammen nærliggende knuder.
normalizeDocument() Udgået.
open() Åbn HTML-uddatastrømmen for at indsamle 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 for dokumentet, der lastes.
removeEventListener() Fjern eventhandler fra dokumentet (allerede brugt addEventListener() metoden tilføjet).
renameNode() Udgået.
scripts Returnerer en samling af <script>-elementer i dokumentet.
strictErrorChecking Udgået.
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() Ligesom write(), men med en linjeskift tilføjet efter hver sætning.

Document-objektbeskrivelse

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

Mange egenskaber og metoder er HTMLCollection-objekter (efterhånden som de kan bruges som array eller navngivet indeks array), hvor der gemmes referencer til anker, formulær, links og andre skriptbare elementer.

Disse samlingsegenskaber stammer fra 0. grad 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. niveau DOM definerer HTMLDocument en metode kaldet getElementById() er meget nyttige metoder. I 2. niveau DOM er metoden blevet flyttet til Document-grænsefladen, og den arves nu af HTMLDocument i stedet for at være defineret af den.