DOM操作table

一、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,table,javascipt)