Window Document-objekt

Document-objekt

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

Dokumentobjektroten till HTML-dokumentet.

DokumentobjektärFönsterobjektegenskaper.

Åtkom genom följande sättDokumentobjekt:

window.document eller endast 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-dokument:

Egenskap / Metod Beskrivning
activeElement Återvänd till 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 previously opened 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 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 ID attribute that has the specified 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 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 textnoden 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.
removeEventListener() Ta bort eventhanterare från dokumentet (redan använt addEventListener() metoden Saknad).
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-express eller JavaScript-kod till dokumentet.
writeln() Liksom write(), men lägger till en ny rad efter varje mening.

Document-objektbeskrivning

HTMLDocument-gränssnittet utökar DOM Document-gränssnittet och definierar HTML-specifika egenskaper 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 lagrar referenser till ankor, 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, att vid dokumentinladdning och -parsing, tillåter det en skript att infoga dynamiskt genererat innehåll i dokumentet.

Observera, i 1:nivå DOM definierade HTMLDocument en metod som heter getElementById() en mycket användbar metod. I 2:nivå DOM har metoden flyttats till Document-gränssnittet, och den är nu arvad av HTMLDocument snarare än definierad av den själv.