表格标记
| 标记 | 意义 |
|---|---|
| <TABLE> ... </TABLE> | 表格 |
| <TR> ... </TR> | 一行 |
| <TD> ... </TD> | 一列 |
| <TH> ... </TH> | 同 TD，粗体字，居中 |
基本结构
| <table>
<tr> <td> 第一行第一格 </td> <td> 第一行第二格 </td> </tr> <tr> <td colspan=2> 第二行只有一格 </td> </tr> </table> |
TABLE
TR
TD
TH
| 参数 | 意义 |
|---|---|
| id = "tabname" | 表格名称, 用 name 可能无效 |
| width = "100%" / "500" | 表格宽度,相对宽度 / 绝对宽度，TR 除外 |
| height = 100 | 表格高度，TR 除外 |
| border = 1 | 边框厚度，仅用于 TABLE |
| cellspacing = 2 | 相邻边框间距 |
| cellpadding = 2 | 格内边距 |
| align = "center" | 水平对齐，TD 默认为 TR 的对方方式 |
| valign = "top" | 垂直对齐，TD 默认为 TR 的对方方式 |
| background = "my.gif" | 背景图象 |
| bgcolor = | 表格背景色，当整表与单元格背景色不同时，可形成单线框 |
| bordercolor = | 向光边框颜色 |
| bordercolordark = | 背光边框颜色 |
| cols = 2 | 列数,仅作参考 |
| colspan = 2 | 横向合并格数，仅用于 TD、TH |
| rowspan = 2 | 纵向合并格数，仅用于 TD、TH |
图示：
单线边框技巧
利用上图中的 cellspacing 部分形成边框（表格背景色），打印时无法显现。
表格 border=0 bgcolor=#000000，单元格 bgcolor=#FFFFFF
利用上图中的 bordercolorlight 部分形成边框（黑白色边框），可打印。
表格 cellspacing=0 border=1 bordercolorlight=#000000 bordercolordark=#FFFFFF，比上例效果好。
真正的单线边框（合并表格线）
表格 style='border-collapse:collapse' border=1 bordercolor=black
TABLE 表对象
| 属性/方法 | 意义 |
|---|---|
| width | 宽度，100, 100% |
| height | 高度 |
| insertRow(int n) | 在指定位置添加一行,返回行对象(-1 为末尾) |
| deleteRow(int n) | 删除一行，第一行为 0 |
| rows | 行对象 集合数组 |
| rows.length | 行数 |
TR 行对象
| 属性/方法 | 意义 |
|---|---|
| width | 宽度，100, 100% |
| height | 高度 |
| cells | 单元格对象 集合数组 |
| cells[0] | 单元格对象 |
| rowIndex | 所在行数 |
| insertCell(int n) | 在第一行指定位置增加一格,返回单元格对象(-1 为末尾) |
| deleteCell(int n) | 删除一格 |
| appendChild(obj) | 附加子对象，例：obj = document.createElement("TH") |
TD 单元格对象
| 属性/方法 | 意义 |
|---|---|
| width | 宽度，100, 100% |
| height | 高度 |
| cellIndex | 所在列数 |
| innerText / innerHTML | 文本内容 |
| colSpan | 横向合并格数 |
| rowSpan | 纵向合并格数 |