HTML DOM 100 instances

HTML DOM instance

An example of an HTML DOM object accessed and operated using JavaScript.

Document object

• Use document.write() to output text
• Use document.write() to output HTML
• Returns the number of anchors in the document
• Returns the innerHTML of the first anchor in the document
• Returns the number of forms in the document
• Returns the name of the first form in the document
• Returns the number of images in the document
• Returns the ID of the first image in the document
• Returns the number of links in the document
• Returns the ID of the first link in the document
• Returns the name/value pair of all cookies in the document
• Returns the server domain name of the loaded document
• Returns the last time the document was modified
• Returns the URL of the current document that was loaded
• Returns the title of the document
• Returns the full URL of the document
• Open the output stream and enter text into the stream
• The difference between write() and writeln().
• The inner HTML of an element ejects with the specified ID
• The number of elements ejected with the specified Name
• The number of elements ejected with the specified tagname


• More examples of Document objects in our JavaScript reference manual.

Anchor object

• Return and set the linked charset property
• Return and set the linked href property
• Return and set the linked heflang property
• Returns the name of an anchor
• Returns the relationship between the current file and the linked document
• Change the target property of the link
• Returns the value of a linked type property


• More examples of Anchor objects in our JavaScript reference manual.

The Area object

• Returns alternate text for an area of the image map
• Returns the coordinates of an area that the image maps
• Returns the anchor portion of the href property of a region
• Returned host name: The port for an area of the image map
• Returns hostname for an area of the image map
• Returns the port of an area of the image map
• Returns a href for an area of the image map
• Returns pathname for an area of the image map
• Returns the protocol of an area of the image map
• Returns the qurystring section of the href property of a region
• Returns the shape of an area of the image map
• Returns the value of target for an area of the image map


• More examples of Area objects in our JavaScript reference manual.

Base object

• Returns the base URL of all relative URLs on the page
• Returns the base link for all relative links on the page


• More examples of Base object objects in our JavaScript reference manual.

Button object

• Button is not available when clicked
• Return a button's name
• Return a button type
• Return a button's value
• Returns the ID of a table to which button belongs


• More Button object examples in our JavaScript reference manual.

The Form object

• Returns the value of all elements in a form
• Returns the value of a form acceptCharset property
• Returns the value of a form action property
• Returns the value of the enctype property in the form
• Returns the number of elements in a form
• Returns the method by which the form data was sent
• Return the name of a form
• Returns the value of a form target property
• Reset the form
• Submit the form


• More Button object examples in our JavaScript reference manual.

Frame/IFrame object

• For iframe typography
• Change the background color of a document contained in iframe
• Returns the value of the frameborder property in an iframe
• Remove the frameborder of iframe
• Change the height and width of the iframe
• Returns the value of the longdesc property in an iframe
• Returns the value of the marginheight property in an iframe
• Returns the value of the marginwidth property in an iframe
• Returns the value of the name property in an iframe
• Returns and sets the value of the scrolling property in an iframe
• Change an iframe src


• More Frame/IFrame object examples in our JavaScript reference manual.

The Image object

• On image typography
• Returns the alternate text for the image
• Add a border to the image
• Change the height and width of the image
• Set the hspace and vspace properties of image
• Returns the value of the longdesc property of the image
• Create a link to a low-resolution image
• Return image's name
• Change the src of image
• Returns the value of the usemap for a client image map


• More examples of Image objects in our JavaScript reference manual.

Event object

• Which mouse button was clicked?
• Keycode of the keyboard key that was pressed?
• The coordinates of the mouse?
• The coordinates of the mouse relative to the screen?
• Is the shift key pressed?
• Which element was pressed?
• What happened?

Option and Select objects

• Disable and enable the pull-down list
• Get the ID of the form with the pull-down list
• Gets the number of options for the downlier list
• Turn the pull-down list into a multi-row list
• Select more than one option in the drop-down list
• Pop up all options in the drop-down list
• The index of the selected options in the drop-down list pops up
• Change the text of the selected options in the drop-down list
• Remove the options from the drop-down list

Table, TableHeader, TableRow, TableData objects

• Change the width of the table border
• Change the table's cellpadding and cellspacing
• The frame of the specified table
• Specify a rule for the table
• A row of inner HTML
• Inner HTML for a cell
• Create a title for the table
• Delete the rows in the table
• Add the rows in the table
• Add cells in the table row
• The contents of the cells are aligned horizontally
• The contents of the cell are aligned vertically
• The contents of a single cell are aligned horizontally
• The contents of a single cell are aligned vertically
• Change the contents of the cell
• Change the number of columns across cells (colspan properties)