开发注意:在IE和FF中 insertRow和insertCell的区别

来源:互联网 发布:国内数据库 编辑:程序博客网 时间:2024/05/01 15:55

作用:insertRow() 方法用于在表格中的指定位置插入一个新行

语法:tableObject.insertRow(index)

返回:一个TableRow,表示新插入的行

说明:该方法创建一个新的 TableRow 对象,表示一个新的 <tr> 标记,并把它插入表中的指定位置。新行将被插入 index 所在行之前。若 index 等于表中的行数,则新行将被附加到表的末尾。如果表是空的,则新行将被插入到一个新的 <tbody> 段,该段自身会被插入表中

异常:参数 index 小于 0 或大于等于表中的行数,该方法将抛出代码为 INDEX_SIZE_ERR 的 DOMException 异常

注意:在IE和FF中 insertRow和insertCell的区别
IE中可以这样调用:
var table = document.getElementById('table');
iTr= table.insertRow();
iTd = iTr.insertCell();
但在ff中,上面这样调用就会报错了:
 
FF和ie都可以这要调用:
var table = document.getElementById('table');
iTr = table.insertRow(-1);
iTd = iTr.insertCell(-1);
这里的-1代表:插入(行)单元格到 (rows)cells 集合内的最后一个
IE默认值是-1,但FF就没有默认值的。
为了兼容性好,建议都是加上 -1

 

 

 

 

原创粉丝点击