javascript对table的DOM操作
程序员文章站
2022-07-15 14:26:27
...
一、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
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
上一篇: Log4j Linux 乱码