HTML DOM Table 对象

Table 对象

Table 对象代表 HTML <table> 元素。

访问 Table 对象

您可以使用 getElementById() 访问 <table> 元素：

var x = document.getElementById("myTable");

亲自试一试

创建 Table 对象

您可以使用 document.createElement() 方法创建 <table> 元素：

var x = document.createElement("TABLE");

亲自试一试

Table 对象集合

集合 描述
cells 返回表中所有 <td> 或 <th> 元素的集合。
rows 返回表中所有 <tr> 元素的集合。
tBodies 返回表中所有 <tbody> 元素的集合。

Table 对象属性

属性 描述
align

HTML5 中不支持。请改用 style.cssFloat。

设置或返回相对周围文本的表格对齐方式。
background

HTML5 中不支持。请改用 style.background。

设置或返回表格的背景图片。
bgColor

HTML5 中不支持。请改用 style.backgroundColor。

设置或返回表格的背景颜色。
border

已弃用。请改用 style.border。

设置或返回表格边框的宽度。
caption 返回表格的 <caption> 元素。
cellPadding

HTML5 中不支持。请改用 style.padding。

设置或返回单元格边框和单元格内容之间的空间量。
cellSpacing

HTML5 中不支持。请改用 style.borderSpacing。

设置或返回表格中单元格之间的空间量。
frame

HTML5 中不支持。

设置或返回应该显示的（表格的）外边框。
height

HTML5 中不支持。请改用 style.height。

设置或返回表格的高度。
rules

HTML5 中不支持。

设置或返回应在表格中显示的内边框（单元格之间）。
summary

HTML5 中不支持。

设置或返回对表中数据的描述。
tFoot 返回对表的 <tfoot> 元素的引用。
tHead 返回对表的 <thead> 元素的引用。
width

HTML5 中不支持。请改用 style.width。

设置或返回表格的宽度。

Table 对象方法

方法 描述
createCaption() 创建空的 <caption> 元素并将其添加到表中。
createTFoot() 创建空的 <tfoot> 元素并将其添加到表格中。
createTHead() 创建空的 <thead> 元素并将其添加到表中。
deleteCaption() 从表格中移除第一个 <caption> 元素。
deleteRow() 从表中删除一行 (<tr>)。
deleteTFoot() 从表格中移除 <tfoot> 元素。
deleteTHead() 从表中移除 <thead> 元素。
insertRow() 创建空的 <tr> 元素并将其添加到表中。

标准属性和事件

Table 对象同时支持标准属性和事件。

相关页面

HTML 教程：HTML 表格

HTML 参考手册：HTML <table> 标签