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 对象同时支持标准属性事件