JavaScript and HTML DOM Reference

JavaScript Objects Reference

The references describe the properties and methods of each object, along with examples.

• Array object
• Boolean object
• Date object
• Math object
• Number object
• String object
• RegExp object
• Global properties and functions

---

Browser Objects Reference

The references describe the properties and methods of each object, along with examples.

• Window object
• Navigator object
• Screen object
• History object
• Location object

---

Core DOM Objects Reference

The references describe the properties and methods of each object, along with examples.

• DOM Node
• DOM NodeList
• DOM NamedNodeMap
• DOM Document
• DOM Element
• DOM Attr

---

HTML DOM Objects Reference

The references describe the properties and methods of each object, along with examples.

• Document object
• Event object
• HTMLElement object
• Anchor object
• Area object
• Base object
• Body object
• Button object
• Form object
• Frame/IFrame object
• Frameset object
• Image object
• Input Button object
• Input Checkbox object
• Input File object
• Input Hidden object
• Input Password object
• Input Radio object
• Input Reset object
• Input Submit object
• Input Text object
• Link object
• Meta object
• Object object
• Option object
• Select object
• Style object
• Table object
• td / th object
• tr object
• Textarea object

JavaScript Quiz Test

You can test your JavaScript skills with W3Schools' Quiz.

---

The Test

The test contains 20 questions and there is no time limit.

The test is not official, it's just a nice way to see how much you know, or don't know, about JavaScript.

---

Count Your Score

You will get 1 point for each correct answer. At the end of the Quiz, your total score will be displayed. Maximum score is 20 points.

Good luck! Start the JavaScript Quiz

JavaScript HTML DOM Examples

Examples of using JavaScript to access and manipulate the HTML DOM objects.

---

Document Object

Write text to the output with document.write()
Write formatted text to the output with document.write()
Return the number of anchors in a document
Return the innerHTML of the first anchor in a document
Return the number of forms in a document
Return the name of the first form in a document
Return the number of images in a document
Return the id of the first image in a document
Return the number of links in a document
Return the id of the first link in a document
Return all name/value pairs of cookies in a document
Return the domain name of the server that loaded the document
Return the date and time the document was last modified
Return the URL of the document that loaded the current document
Return the title of a document
Return the full URL of a document
Open an output stream, and add some text
Open an output stream in a new window, and add some text
Difference between write() and writeln()
Alert innerHTML of an element with a specific ID
Alert the number of elements with a specific name
Alert the number of elements with a specific tagname

More Document object examples in our JavaScript reference.

Anchor Object

Return and set the value of the charset attribute of a link
Return the value of the href attribute of a link
Return and set the value of the hreflang attribute of a link
Return the name of an anchor
Return the relationship between the current document and the linked document
Change the target attribute of a link
Return the value of the type attribute of a link

More Anchor object examples in our JavaScript reference.

Area Object

Return the alternate text for an area in an image-map
Return the coordinates of an area in an image-map
Return the anchor part of the href attribute of an area
Return the hostname:port for an area in an image-map
Return the hostname for an area in an image-map
Return the port for an area in an image-map
Return the href of an area in an image-map
Return the pathname for an area in an image-map
Return the protocol for an area in an image-map
Return the querystring part of the href attribute of an area
Return the shape of an area in an image-map
Return the value of the target attribute for an area in an image-map

More Area object examples in our JavaScript reference.

Base Object

Return the base URL for all relative URLs on a page
Return the base target for all links on a page

More Base object examples in our JavaScript reference.

Button Object

Set a button to disabled when clicked
Return the name of a button
Return the type of a button
Return the text displayed on a button
Return the id of the form a button belongs to

More Button object examples in our JavaScript reference.

Form Object

Return the value of each element in a form
Return the value of the accept-charset attribute in a form
Return the value of the action attribute in a form
Return the value of the enctype attribute in a form
Return the number of elements in a form
Return the method for sending form data
Return the name of a form
Return the value of the target attribute in a form
Reset a form
Submit a form

More Form object examples in our JavaScript reference.

Frame/IFrame Objects

Align an iframe
Change the background color of the document contained in an iframe
Return the value of the frameborder attribute in an iframe
Remove frameborder of an iframe
Change the height and width of an iframe
Return the value of the longdesc attribute in an iframe
Return the value of the marginheight attribute in an iframe
Return the value of the marginwidth attribute in an iframe
Return the value of the name attribute in an iframe
Return and set the value of the scrolling attribute in an iframe
Change the src attribute of an iframe

More Frame/IFrame object examples in our JavaScript reference.

Image Object

Align an image
Return the alternate text of an image
Add border to an image
Change the height and width of an image
Set the hspace and vspace properties of an image
Return the value of the longdesc attribute of an image
Create a link to a low-resolution version of an image
Return the name of an image
Change the src of an image
Return the value of the usemap attribute of a client-side image-map

More Image object examples in our JavaScript reference.

Event Object

onblur - Execute a JavaScript when a user leaves an input field
onchange - Execute a JavaScript when a user changes the content of an input field
onclick - Execute a JavaScript when a button is clicked
ondblclick - Execute a JavaScript when a button is double-clicked
onerror - Execute a JavaScript if an error occurs when loading an image
onfocus - Execute a JavaScript when an input field gets focus
onkeydown - Execute a JavaScript when a user is pressing/holding down a key
onkeypress - Execute a JavaScript when a user is pressing/holding down a key
onkeyup - Execute a JavaScript when the user releases a key
onload - Execute a JavaScript immediately after a page has been loaded
onload - Execute a JavaScript immediately after an image has been loaded
onmousedown + onmouseup - Execute scripts when pressing/releasing a mouse button
onmousedown - Alert which mouse button the user pressed
onmousedown - Alert the name of the element a user clicked on
onmousemove + onmouseout - Execute scripts when moving the mouse pointer over/out of an image
onmouseover + onmouseout - Execute scripts when moving the mouse over/out of an image
onresize - Execute a JavaScript when the browser window is resized
onselect - Execute a JavaScript after some text has been selected
onunload - Execute a JavaScript before the browser closes the document
What is the keycode of the key pressed?
What are the coordinates of the cursor?
What are the coordinates of the cursor, relative to the screen?
Was the shift key pressed?
Which event type occurred?

Option and Select Objects

Disable and enable a dropdown list
Get the id of the form that contains the dropdown list
Get the number of options in the dropdown list
Turn the dropdown list into a multiline list
Select multiple options in a dropdown list
Alert the selected option in a dropdown list
Alert the index of the selected option in a dropdown list
Change the text of the selected option
Remove options from a dropdown list

Table, TableHeader, TableRow, TableData Objects

Change the width of a table border
Change the cellPadding and cellSpacing of a table
Specify frames of a table
Specify rules for a table
InnerHTML of a row
InnerHTML of a cell
Create a caption for a table
Delete rows in a table
Add rows to a table
Add cells to a table row
Align the cell content in a table row
Vertical align the cell content in a table row
Align the cell content in a single cell
Vertical align the cell content in a single cell
Change the content of a table cell
Change the colspan of a table row

JavaScript Browser Objects Examples

Examples of using JavaScript to access and manipulate the Browser objects.

---

Window Object

Display an alert box
Display an alert box with line-breaks
Display a confirm box, and alert what the visitor clicked
Display a prompt box
Create a pop-up window Open a new window when clicking on a button
Open a new window and control its appearance
Open multiple new windows
Assure that the new window does NOT get focus (send it to the background)
Assure that the new window GETS focus
Close the new window
Checks whether the new window has been closed or not
Return the name of the new window
Write some text to the source (parent) window
Move the new window relative to its current position
Move the new window to the specified position
Print the current page
Resize a window by the specified pixels
Resize a window to a specified size
Scroll the content by the specified number of pixels
Scroll the content to a specified position
A simple timing
Set and stop a timer with setTimeout() and clearTimeout()
Set and stop a timer with setInterval() and clearInterval()

More Window object examples in our JavaScript reference.

Navigator Object

All details about the visitor's browser

More Navigator object examples in our JavaScript reference.

Screen Object

All details about the visitor's screen

More Screen object examples in our JavaScript reference.

History Object

Return the number of URLs in the history list
Create a back button on a page
Create a forward button on a page
Load a specific URL from the history list

More History object examples in our JavaScript reference.

Location Object

Return the hostname and port of the current URL
Return the entire URL of the current page
Return the path name of the current URL
Return the protocol portion of the current URL
Load a new document
Reload the current document
Replace the current document
Break out of a frame

More Location object examples in our JavaScript reference.