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> 标签