表insertRow、deleteRow定义和用法总结

桌子上有几条线:VaR trcnt = table.rows.length;(表ID)

在每行中有几个栏目:为(var i = 0;i < trcnt;i++)
表。行{我}。cells.length;

Javascript操作表:

InsertRow () (), deleteRow (), insertCell (), deleteCell () method

table.insertrow()不在IE有问题,但也需要改变table.insertrow(1)在Firefox
insertCell()同样也要改变insertCell(- 1)

InsertRow()方法

定义和用法

insertRow()方法用于插入新的行在表中的指定位置。

语法

tableobject.insertrow(指数)

返回值

返回一个TableRow代表新插入的行。

解释

此方法创建一个新的TableRow对象,代表一个新的标签,并将它插入到指定的位置。

新行将在索引行之前插入。如果索引与表中的行数相等,则新行将连接到表的结尾。

如果表是空的,新的行将被插入到一个新的段中,这个段将被插入到表中。



如果参数指数小于0或大于表中的行数,这个方法会抛出异常的代码index_size_err的domexception。

例子
复制代码代码如下所示:



insrow()函数
{
document.getelementbyid('mytable)。InsertRow(0)
}






row1研究
row1细胞


row2研究
row2细胞



<输入type=按钮onclick=insrow()
值插入新行>




DeleteCell()

定义和用法

该deleteCell()方法用于删除单元格(元)表中的行。

语法

tablerowobject.deletecell(指数)

解释

参数索引是要删除表元素的行中的位置。

此方法将在表行的指定位置删除表元素。



如果参数指数小于0或大于一行中表元素的个数,这个方法会抛出异常的代码index_size_err的domexception。

例子
复制代码代码如下所示:



delrow()函数
{
document.getelementbyid('mytable)。DeleteRow(0)
}






row1研究
row1细胞


row2研究
row2细胞



<输入type=按钮onclick=delrow()
值删除第一行>




InsertCell()

定义和用法

insertCell()方法用于插入一行HTML表格中的指定位置空元素。

语法

tablerowobject.insertcell(指数)

返回值

一个TableCell对象表示新创建和插入元素。

解释

此方法将创建一个新元素,并将其插入到行中指定的位置。新单元格将在索引中指定位置的表元素之前插入。如果索引等于行中的单元格数,则将新单元格连接到该行的结尾处。

请注意,这个方法只能插入到数据表元素。如果你需要一个行添加页眉标题,您必须创建和使用document.createelement插入元素()方法和Node.insertBefore()方法。



如果参数指数小于0或大于一行中表元素的个数,这个方法会抛出异常的代码index_size_err的domexception。

例子
复制代码代码如下所示:



inscell()函数
{
var x = document.getelementbyid('tr2)。InsertCell(0)
x.innerhtml =约翰
}










彼得
格里芬








DeleteCell()

定义和用法

该deleteCell()方法用于删除单元格(元)表中的行。

语法

tablerowobject.deletecell(指数)

解释

参数索引是要删除表元素的行中的位置。

此方法将在表行的指定位置删除表元素。



如果参数指数小于0或大于一行中表元素的个数,这个方法会抛出异常的代码index_size_err的domexception。

例子
复制代码代码如下所示:



delcell()函数
{
document.getelementbyid('tr2)。DeleteCell(0)
}










彼得
格里芬








在工程中的应用:
复制代码代码如下所示:


无功trindex = 0;

动态增强
功能appendconvert(){

/ / var SEL = document.getelementbyid(selectconvertname );
VaR的SEL = document.getelementsbyname(selectconvertname ){ 0 };

VaR的类名;
如果(NULL)!=){
对于(var i = 0;i < sel.options.length;i++){
如果(选择选项{ } }。)
类名=选择。选择{我}的价值;
}
}
来自Ajax的数据,JSON。
convert.getconvertbean2json(类名,
函数(结果){
var obj = eval('(' +结果+ ')');
无功表= document.getelementbyid(converttable );

无功newrow = table.insertrow(trindex + 1);
newrow.insertcell(0).innerHTML =对象名称+ ;
newrow.insertcell(1).innerHTML = ;
如果(NULL)!= obj。paramlist){
无功paramstr = ;
对于(var i = 0;i < obj.paramlist.length;i++){
paramstr = paramstr +
参数名称+ obj。paramlist { }姓名+我。
;参数类型:+ obj。paramlist {我}类型+。
;参数值+
+

}
newrow.insertcell(2).innerHTML = paramstr;
}
trindex + +;
});

}


删除行
在deleteRow(R){
var i = r.parentnode.parentnode.rowindex;
document.getelementbyid('converttable)。DeleteRow(我);
trindex --;
}