HTML DOM Document objekt

Document-objekt

När HTML-dokumentet laddas in i en webbläsare blir det enDokumentobjekt.

Dokumentobjektrotsnoden för HTML-dokumentet.

DokumentobjektärFönsterobjektegenskaper.

Åtkom genom följande sättDokumentobjekt:

window.document eller bara document

Exempel

let url = window.document.URL;

Prova själv

let url = document.URL;

Prova själv

Dokumentobjektets egenskaper och metoder

Följande egenskaper och metoder kan användas i HTML-dokumentet:

Egenskaper / Metoder Beskrivning
all[] Återställ referens till alla HTML-element i dokumentet.
activeElement Återställ elementet som för närvarande har fokus i dokumentet.
addEventListener() Attach an event handler to the document.
adoptNode() Adopt a node from another document.
anchors Föråldrad.
applets Föråldrad.
baseURI Return the absolute base URI of the document.
body Set or return the body of the document (<body> element).
charset Föråldrad.
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 of the document (<html> element).
documentMode Föråldrad.
documentURI Set or return the location of the document.
domain Return the domain name of the server that loaded the document.
domConfig Föråldrad.
embeds Return the collection of all <embed> elements in the document.
execCommand() Föråldrad.
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 Returnerar DOMImplementation-objektet som hanterar detta dokument.
importNode() Importera en nod från ett annat dokument.
inputEncoding Föråldrad.
lastModified Returnerar datum och tid för den senaste ändringen av dokumentet.
links Returnerar en samling av <a> och <area>-element som har href-egenskapen i dokumentet.
normalize() Ta bort tomma textnoder och anslut närliggande noder.
normalizeDocument() Föråldrad.
open() Öppna HTML-utdataströmmen för att samla in utdata från document.write().
querySelector() Returnerar det första elementet som matchar den specifika CSS-väljaren i dokumentet.
querySelectorAll() Returnerar en statisk NodeList som innehåller alla element som matchar den specifika CSS-väljaren i dokumentet.
readyState Returnerar dokumentets (laddnings) status.
referrer Returnerar URL:en för dokumentet som laddades in.
removeEventListener() Ta bort eventhanterare från dokumentet (redan använt addEventListener() metoden tillagda).
renameNode() Föråldrad.
scripts Returnerar en samling av <script>-element i dokumentet.
strictErrorChecking Föråldrad.
title Sätter eller returnerar dokumentets titel.
URL Returnerar den fullständiga URL:en för HTML-dokumentet.
write() Skriv HTML-expressions eller JavaScript-kod till dokumentet.
writeln() Liksom write(), men lägger till en ny rad efter varje mening.

Beskrivning av Document-objektet

HTMLDocument-gränssnittet utökar DOM Document-gränssnittet och definierar specifika HTML-attribut och metoder.

Många egenskaper och metoder är HTMLCollection-objekt (de kan också användas som en array eller en endast läsbart array med namnindex), där de sparar referenser till ankar, formulär, länkar och andra skriptbara element.

Dessa samlingsegenskaper kommer från nivå 0 DOM. De har redan Document.getElementsByTagName() ersatts, men används fortfarande ofta eftersom de är bekväma.

write() metodenVärd att notera, när dokumentet laddas in och analyseras, tillåter det en skript att infoga dynamiskt genererat innehåll i dokumentet.

Observera, i 1-nivå DOM definierar HTMLDocument en metod som heter getElementById() mycket användbara metoder. I 2-nivå DOM har metoden flyttats till Document-gränssnittet, och den är nu arvad av HTMLDocument istället för att definieras av den.