欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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
相关标签: JavaScript