 | JavaScript | |||
|---|---|---|---|---|
| Prev | Home | Up | Next |
| Availability: |
| ||||||
| Inherits from: | Element object | ||||||
| JavaScript syntax: | IE | myTABLE = myDocument.all.anElementID | |||||
| IE | myTABLE = myDocument.all.aTableID | ||||||
| IE | myTABLE = myDocument.all.tags("TABLE")[anIndex] | ||||||
| IE | myTABLE = myDocument.all[aName] | ||||||
| - | myTABLE = myDocument.getElementById(anElementID) | ||||||
| - | myTABLE = myDocument.getElementsByName(aName)[anIndex] | ||||||
| - | myTABLE = myDocument.getElementsByTagName("TABLE")[anIndex] | ||||||
| HTML syntax: | <TABLE> ... </TABLE> | ||||||
| Argument list: | anIndex | A reference to an element in a collection | |||||
| aName | An associative array reference | ||||||
| anElementID | The ID value of an Element object | ||||||
| Object properties: | align, background, bgColor, border, borderColor, borderColorDark, borderColorLight, caption, cellPadding, cellSpacing, cols, dataFld, dataPageSize, dataSrc, frame, height, rules, summary, tabIndex, tFoot, tHead, width | ||||||
| Object methods: | createCaption(), createTFoot(), createTHead(), deleteCaption(), deleteRow(), deleteTFoot(), deleteTHead(), insertRow(), nextPage(), previousPage(), refresh() | ||||||
| Event handlers: | onAfterUpdate, onBeforeUpdate, onBlur, onClick, onDblClick, onDragStart, onFilterChange, onFocus, onHelp, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, onResize, onRowEnter, onRowExit, onScroll, onSelectStart | ||||||
| Collections: | cells[], rows[], tBodies[] | ||||||
Tables are a hierarchical means of describing a two dimensional array of cells containing HTML.
Generally speaking the DOM compliant browsers provide a more sophisticated model of the table for access under control of a JavaScript program.
There are a set of related object types that need to be understood to utilize tables most effectively:
CAPTION
COL
COLGROUP
TBODY
TD
TFOOT
TH
THEAD
TR
The following style object properties should also be considered:
style.captionSide
style.cellSpacing
style.columnSpan
style.emptyCells
style.rowSpan
style.tableLayout
| Property | JavaScript | JScript | N | IE | Opera | NES | ECMA | DOM | CSS | HTML | Notes |
|---|---|---|---|---|---|---|---|---|---|---|---|
| align | 1.5  | 3.0 | 6.0 | 4.0 |  | | | 1 | | | - |
| background | | 3.0 | | 4.0 | | | | | | | - |
| bgColor | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| border | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| borderColor | | 3.0 | | 4.0 | | | | | | | - |
| borderColorDark | | 3.0 | | 4.0 | | | | | | | - |
| borderColorLight | | 3.0 | | 4.0 | | | | | | | - |
| caption | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | 
, ReadOnly. |
| cellPadding | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| cellSpacing | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| cols | | 3.0 | | 4.0 | | | | | | | - |
| dataFld | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| dataPageSize | | 3.0 | | 4.0 | | | | | | | - |
| dataSrc | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| frame | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| height | 1.5 | 3.0 | 6.0 | 4.0 | | | | | | | - |
| rules | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | |
| summary | 1.5 | | 6.0 | | | | | 1 | | | - |
| tabIndex | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| tFoot | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | ReadOnly. |
| tHead | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | ReadOnly. |
| width | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| Method | JavaScript | JScript | N | IE | Opera | NES | ECMA | DOM | CSS | HTML | Notes |
|---|---|---|---|---|---|---|---|---|---|---|---|
| createCaption() | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| createTFoot() | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| createTHead() | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| deleteCaption() | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| deleteRow() | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| deleteTFoot() | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| deleteTHead() | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| insertRow() | 1.5 | 3.0 | 6.0 | 4.0 | | | | 1 | | | - |
| nextPage() | | 3.0 | | 4.0 | | | | | | | - |
| previousPage() | | 3.0 | | 4.0 | | | | | | | - |
| refresh() | | 3.0 | | 4.0 | | | | | | | - |
| Event name | JavaScript | JScript | N | IE | Opera | NES | ECMA | DOM | CSS | HTML | Notes |
|---|---|---|---|---|---|---|---|---|---|---|---|
| onAfterUpdate | | 3.0 | | 4.0 | | | | | | | - |
| onBeforeUpdate | | 3.0 | | 4.0 | | | | | | | - |
| onBlur | 1.5 | 3.0 | 6.0 | 4.0 | 3.0 | | | | | | |
| onClick | 1.5 | 3.0 | 6.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onDblClick | 1.5 | 3.0 | 6.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onDragStart | | 3.0 | | 4.0 | | | | | | | - |
| onFilterChange | | 3.0 | | 4.0 | | | | | | | - |
| onFocus | 1.5 | 3.0 | 6.0 | 4.0 | 3.0 | | | | | | |
| onHelp | | 3.0 | | 4.0 | | | | | | | |
| onKeyDown | 1.5 | 3.0 | 6.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onKeyPress | 1.5 | 3.0 | 6.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onKeyUp | 1.5 | 3.0 | 6.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onMouseDown | 1.5 | 3.0 | 6.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onMouseMove | 1.5 | 3.0 | 6.0 | 4.0 | | | | | | 4.0 | |
| onMouseOut | 1.5 | 3.0 | 6.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onMouseOver | 1.5 | 3.0 | 6.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onMouseUp | 1.5 | 3.0 | 6.0 | 4.0 | 3.0 | | | | | 4.0 | |
| onResize | 1.5 | 3.0 | 6.0 | 4.0 | | | | | | | |
| onRowEnter | | 3.0 | | 4.0 | | | | | | | - |
| onRowExit | | 3.0 | | 4.0 | | | | | | | - |
| onScroll | | 3.0 | | 4.0 | | | | | | | - |
| onSelectStart | | 3.0 | | 4.0 | | | | | | | - |
| Prev | Home | Next |
| T | Up | TABLE.align |
JavaScript Programmer's Reference, Cliff Wootton Wrox Press (www.wrox.com) Join the Wrox JavaScript forum at p2p.wrox.com Please report problems to support@wrox.com © 2001 Wrox Press. All Rights Reserved. Terms and conditions. | ||