Document is an interface that represents the web pages. It serves as an entry point into the
content of web pages i.e DOM
document includes everything about the webpage both which is visible and which is not
visible on the screen. In other word
document is the owner of all the node objects in the webpage.
A large amount of information about the webpage is available with the
document, which can
be accessed by a few methods and properties provided by the document object.
To access any information related to the document you will have to start accessing through the document.
HTML document implements HTMLDocument interface while XML and SVG documents implements XMLDocument interface.
The example below shows rough information about the
Document constructor is used to create a new document object that is a web page loaded in the browser. Example:
Example: new Document()
Document Object Properties
document object has a bunch of properties which you can use to get information about the document.
Some of the useful properties are listed below.
|Document.body||It represents the
|Document.doctype||It returns Document Type Definition (DTD) of the current document|
|Document.doctypeURI||It returns location (URL) of the current document|
|Document.title||Using it you can get/set document title|
|Document.links||It returns a list of all the hyperlinks in the current document|
|Document.images||It returns a list of all the images in the current document|
|Document.cookie||It returns semicolon-separated list of the cookies for the document|
|Document.activeElement||It returns element cursor is focusing to in document|
|Document.baseURI||It returns base URI of the document|
|Document.characterSet||It returns character encoding for the document|
document.body returns body object of the the document and returns
null if no such element exists.
It returns an object which contains information about Document Type Declaration (DTD).
It is a read-only property which returns URL of the current document in form of string.
It is a read-only property which returns
<head> element of the current document.
document.title you can get the title of the document and can also set a new title.
document.links returns a collection of all
<area> element and
<a> elements in a document.
document.images returns a collection of all
document.cookie is a document property which let you read and write cookies associated with the document.
baseURI property of
document returns the base URI of the HTML document.
document.characterSet is a read-only property which returns character encoding of the current document.
In the coming chapters, you will see more dom methods for different purposes.