DOM Objects
DOM Anchor
DOM Applet
DOM Area
DOM Base
DOM Basefont
DOM Body
DOM Button
DOM Checkbox
DOM Document
DOM Event
DOM FileUpload
DOM Form
DOM Frame
DOM Frameset
DOM Hidden
DOM History
DOM Iframe
DOM Image
DOM Link
DOM Location
DOM Meta
DOM Navigator
DOM Option
DOM Password
DOM Radio
DOM Reset
DOM Screen
DOM Select
DOM Style
DOM Submit
DOM Table
DOM TableData
DOM TableHeader
DOM TableRow
DOM Text
DOM Textarea
DOM Window

Document Object

The Document object is used to access all elements in a page.

The Document object's collections, properties, methods, and events are described below:

N: Netscape (including Mozilla when N6 or higher), IE: Internet Explorer, W3C: World Wide Web Consortium (Internet Standard), D: Deprecated

Collections

Collection Description N IE W3C
anchors[] Returns a reference to all Anchor objects in the document 2 3 Yes
applets[] Returns a reference to all Applet objects in the document 3 4 Yes
attributes[]   6 - No
childNodes[]   6 5 No
embeds[] Returns a reference to all embedded objects in the document 3 4 No
forms[] Returns a reference to all Form objects in the document 2 3 Yes
images[] Returns a reference to all Image objects in the document 3 4 Yes
links[] Returns a reference to all Link objects in the document 2 3 Yes
plugins[]   6 - No
stylesheets[]   6 5 No

Properties

Syntax: document.property_name

Property Description N IE W3C
alinkColor Sets or returns the color of the active links in the document 2 3 D
bgColor Sets or returns the background-color of the document 2 3 D
body Specifies the beginning and end of the document body 6 5 Yes
cookie Sets or returns all cookies associated with the document 2 3 Yes
documentElement Returns a reference to the root node of the document 6 5 No
domain Returns the document server's domain name 3 4 Yes
fgColor Sets or returns the text-color of the document 2 3 D
lastModified Returns the date and time the document was last modified 2 3 No
linkColor Sets or returns the color of the links in the document 2 3 D
referrer Returns the URL of the document that loaded the current document 2 3 Yes
title Returns the title of the document (text inside the HTML title element) 2 3 Yes
URL Returns the URL of the current document 3 4 Yes
vlinkColor Sets or returns the color of the visited links in the document 2 3 D

Methods

Syntax: document.method_name()

Method Description N IE W3C
clear() Clears all elements in the document 2 - No
close() Closes the output stream and displays the sent data 2 3 Yes
createAttribute("name") Creates an attribute with a specified name 6 6 No
createElement("tag") Creates an element 6 5 No
createTextNode("txt") Creates a text string 6 5 No
focus() Gives the document focus 6 5 No
getElementById("id") Returns a reference to the first object with the specified ID 6 5 No
getElementsByName("name") Returns a collection of objects with the specified NAME 6 5 Yes
getElementsByTagName("tag") Returns a collection of objects with the specified TAGNAME 6 5 No
open("mimetype"[,replace]) Opens a document for writing. If a document exists in the target it will be cleared. If this method has no arguments, a new window with about:blank is displayed 2 3 Yes
write("str") Writes a text string to a document opened by open() 2 3 Yes
writeln("str") Writes a text string followed by a new line character to a document opened by open() 2 3 Yes

Events

Syntax: document.event_name="someJavaScriptCode"

Event Description NN IE W3C
onClick Executes some code when a Click event occurs 6 5  
onDblClick Executes some code when a Doubleclick event occurs 6 5  
onFocus Executes some code when a Focus event occurs 6 5  
onKeyDown Executes some code when a Keydown event occurs 6 5  
onKeyPress Executes some code when a Keypress event occurs 6 5  
onKeyUp Executes some code when a Keyup event occurs 6 5  
onMouseDown Executes some code when a Mousedown event occurs 6 5  
onMouseMove Executes some code when a Mousemove event occurs 6 5  
onMouseOut Executes some code when a Mouseout event occurs 6 5  
onMouseOver Executes some code when a Mouseover event occurs 6 5  
onMouseUp Executes some code when a Mouseup event occurs 6 5  
onResize Executes some code when a Resize event occurs 6 5