<table>标签是HTML中最常用的标签之一了。无论网页中元素的定位，还是数据的格式化显示都少不了它。尽管<table>不是定位标签，在CSS出现之前，<table>在网页定位中起到非常重要的作用，CSS出现之后，<table>仍然被大量用来进行网页布局。

 

DOM对象对<table>及其子元素的操作：

 

Table对象集合：

	返回包含表格中所有单元格的一个数组。
	返回包含表格中所有行的一个数组。
tBodies[]	返回包含表格中所有 tbody 的一个数组。

x.cells.length  返回x的单元格数目

x.rows.length 返回x的行数

x表示一个表格对象，也可以是一个表格的ID

Table 对象属性

属性	描述
align	表在文档中的水平对齐方式。（已废弃）
bgColor	表的背景颜色。（已废弃）
	设置或返回表格边框的宽度。
	对表格的 <caption> 元素的引用。
	设置或返回单元格内容和单元格边框之间的空白量。
	设置或返回在表格中的单元格之间的空白量。
	设置或返回表格的外部边框。
	设置或返回表格的 id。
	设置或返回表格的内部边框（行线）。
	设置或返回对表格的描述（概述）。
tFoot	返回表格的 TFoot 对象。如果不存在该元素，则为 null。
tHead	返回表格的 THead 对象。如果不存在该元素，则为 null。
	设置或返回表格的宽度。

 

标准属性

属性	描述
	设置或返回元素的 class 属性。
	设置或返回文本的方向。
	设置或返回元素的语言代码。
	设置或返回元素的 title 属性。

 

Table 对象方法

方法	描述
	为表格创建一个 caption 元素。
	在表格中创建一个空的 tFoot 元素。
	在表格中创建一个空的 tHead 元素。
	从表格删除 caption 元素以及其内容。
	从表格删除一行。
	从表格删除 tFoot 元素及其内容。
	从表格删除 tHead 元素及其内容。
	在表格中插入一个新行。

 

注意：insertCell是tableRow对象的方法,innerHTML是TableCell对象和TableRow对象的方法，二者有所区别。除此之外，还有一个方法innerText，此方法只适用于IE浏览器，不推荐使用。如果对同一对象使用了innerHTML和innerText,后者会把前者覆盖掉。

 

 

TableCell 对象属性

属性	描述
	设置或返回单元格中内容的缩写版本。
	设置或返回单元格内部数据的水平排列方式。
	设置或返回相关单元格的一个逗号分隔的列表。
	返回单元格在某行的单元格集合中的位置。
ch	设置或返回单元格的对齐字符。
chOff	设置或返回单元格的对齐字符的偏移量。
	单元格横跨的列数。
headers	设置或返回 header-cell 的 id 值。
	设置或返回单元格的 id。
	设置或返回单元格的开始标签和结束标签之间的 HTML。
	设置或返回单元格可横跨的行数。
scope	设置或返回此单元格是否可提供标签信息。
	设置或返回表格单元格内数据的垂直排列方式。
	设置或返回单元格的宽度。

 

标准属性

属性	描述
	设置或返回元素的 class 属性。
	设置或返回文本的方向。
	设置或返回元素的语言代码。
	设置或返回元素的 title 属性。

 

 

TableHeader 对象属性

属性	描述
abbr	设置或返回 abbr 属性值。
align	HTML5 中不支持。请使用 style.textAlign 代替。 设置或返回数据单元中内容的水平对齐方式。
axis	HTML5 中不支持。 设置或返回相关联数据单元的以逗号分隔列表。
background	HTML5 中不支持。请使用 style.background 代替。 设置或返回数据单元的背景图像。
bgColor	HTML5 中不支持。请使用 style.backgroundColor 代替。 设置或返回表格的背景色。
cellIndex	返回表格行 cells 集合中单元的位置。
ch	HTML5 中不支持。 设置或返回数据单元的对齐字符。
chOff	HTML5 中不支持。 设置或返回 ch 属性的水平偏移。
colSpan	设置或返回 colspan 属性值。
headers	设置或返回 headers 属性值。
height	HTML5 中不支持。请使用 style.height 代替。 设置或返回数据单元的高度。
noWrap	HTML5 中不支持。请使用 style.whiteSpace 代替。 设置或返回单元内的内容是否能够折行。
rowSpan	设置或返回 rowspan 属性值。
vAlign	HTML5 中不支持。请使用 style.verticalAlign 代替。 设置或返回单元内容的垂直对齐方式。
width	HTML5 中不支持。请使用 style.width 代替。 设置或返回数据单元的宽度。

 

 

TableRow 对象集合

集合	描述
cells[]	返回包含行中所有单元格的一个数组。

 

TableRow 对象属性

属性	描述
	设置或返回在行中数据的水平排列。
ch	设置或返回在行中单元格的对齐字符。
chOff	设置或返回在行中单元格的对齐字符的偏移量。
	设置或返回行的 id。
	设置或返回行的开始标签和结束标签之间的 HTML。
	返回该行在表中的位置。
sectionRowIndex	返回在 tBody 、tHead 或 tFoot 中，行的位置。
	设置或返回在行中的数据的垂直排列方式。

 

TableRow 对象方法

方法	描述
	删除行中的指定的单元格。
	在一行中的指定位置插入一个空的 <td> 元素。