最新的Web开发教程
 

HTML DOM Table对象


表对象

表对象代表一个HTML <table>元素。

访问表对象

你可以访问<table>通过使用元素getElementById()

var x = document.getElementById("myTable");
试一试»

创建表对象

可以创建一个<table>使用元素document. createElement() document. createElement()方法:

var x = document.createElement("TABLE");
试一试»

表对象的集合

采集 描述
rows 返回所有的集合<tr>元素在表中
tBodies 返回所有的集合<tbody>元素在表中

表对象的属性

属性 描述
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不支持。
设置或返回该外边界(of a table)应该被显示
height 在HTML5不支持。 使用style.height代替。
设置或返回表格的高度
rules 在HTML5不支持。
设置或返回其内边界(between the cells)应当被显示在一个表
summary 在HTML5不支持。
设置或在表中返回数据的描述
tFoot 返回到参考<tfoot>表的元素
tHead 返回到参考<thead>表的元素
width 在HTML5不支持。 使用style.width代替。
设置或返回表的宽度

表对象的方法

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

标准属性和事件

Table对象也支持标准的属性事件


相关页面

HTML教程: HTML表格

HTML参考: HTML <table>标签