表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 --;
}