Latest web development tutorials
 

HTML DOM Table Object


Table Object

The Table object represents an HTML <table> element.

Access a Table Object

You can access a <table> element by using getElementById():

Example

var x = document.getElementById("myTable");
Try it Yourself »

Create a Table Object

You can create a <table> element by using the document.createElement() method:

Example

var x = document.createElement("TABLE");
Try it Yourself »

Table Object Collections

Collection Description
rows Returns a collection of all <tr> elements in a table
tBodies Returns a collection of all <tbody> elements in a table

Table Object Properties

Property Description
align Not supported in HTML5. Use style.cssFloat instead.
Sets or returns the alignment of a table according to surrounding text
background Not supported in HTML5. Use style.background instead.
Sets or returns the background image of a table
bgColor Not supported in HTML5. Use style.backgroundColor instead.
Sets or returns the background color of a table
border Deprecated. Use style.border instead.
Sets or returns the width of the table border.
caption Returns the <caption> element of a table
cellPadding Not supported in HTML5. Use style.padding instead.
Sets or returns the amount of space between the cell border and cell content
cellSpacing Not supported in HTML5. Use style.borderSpacing instead.
Sets or returns the amount of space between the cells in a table
frame Not supported in HTML5.
Sets or returns which outer-borders (of a table) that should be displayed
height Not supported in HTML5. Use style.height instead.
Sets or returns the height of a table
rules Not supported in HTML5.
Sets or returns which inner-borders (between the cells) that should be displayed in a table
summary Not supported in HTML5.
Sets or returns a description of the data in a table
tFoot Returns a reference to the <tfoot> element of a table
tHead Returns a reference to the <thead> element of a table
width Not supported in HTML5. Use style.width instead.
Sets or returns the width of the table

Table Object Methods

Method Description
createCaption() Creates an empty <caption> element and adds it to the table
createTFoot() Creates an empty <tfoot> element and adds it to the table
createTHead() Creates an empty <thead> element and adds it to the table
deleteCaption() Removes the first <caption> element from the table
deleteRow() Removes a row (<tr>) from the table
deleteTFoot() Removes the <tfoot> element from the table
deleteTHead() Removes the <thead> element from the table
insertRow() Creates an empty <tr> element and adds it to the table

Standard Properties and Events

The Table object also supports the standard properties and events.


Related Pages

HTML tutorial: HTML Tables

HTML reference: HTML <table> tag