javascript对table的DOM操作

一、Table对象
DOM继承关系:Node —— Element —— HTMLElement —— Table

1、Table对象的属性:
.rows
// 返回一个数组,存放所有的行对象,即TableRow对象
除了这个属性之外,其它的就是<table>标记中的属性

2、Table对象的方法:
.insertRow( index ) // 插入一行,返回新插入的TableRow对象
.deleteRow( index ) // 删除一行

二、TableRow对象
DOM继承关系:Node —— Element —— HTMLElement —— TableRow

1、TableRow对象的属性:
.cells // 返回存放所有单元格的数组,即元素是TableCell对象
.rowIndex // 返回该行所在表中的位置
除了这两个属性外,其它的就是<tr>标记中的属性

2、TableRow的方法
.insertCell( index ) // 在指定位置插入一个单元格,返回被插入的单元格(TableCell)对象
.deleteCell( index ) // 删除一个单元格

三、TableCell对象
DOM继承关系:Node —— Element —— HTMLElement —— TableCell

1、TableCell对象的属性
.cellIndex // 返回它在行中的位置
除了这个属性之外,其它的就是<td>标记中的属性

注:这三个对象除了本身所具有的属性和方法之外,还继承了它们的上面的三个父类的属性和方法,继承的这些属性和方法是DOM的核心,具体可查看我的文章http://han2000lei.iteye.com/admin/blogs/518083

你可能感兴趣的:(JavaScript)