支持FireFox的JavaScript表格操作函数

想在表格中添加一行数据,以前用NewRow = TableId.insertRow()和NewCell = NewRow.insertCell(),在IE中没有问题,但在FireFox中却没有结果后来没办法只有放弃了表格,使用div,今天突发奇想,到底 要在网上搜索一下能不能使用JavaScript在FireFox中操作表格,居然还被我找到了,原来问题还是出在表格对象的确定上,呵呵~~

  第一个函数,用来确定对象:

JavaScript代码
  1. function findObj(theObj, theDoc)   
  2. {   
  3.     var p, i, foundObj;   
  4.  
  5.     if(!theDoc) theDoc = document;   
  6.     if( (p = theObj.indexOf("?")) > 0 && parent.frames.length)   
  7.     {   
  8.         theDoc = parent.frames[theObj.substring(p+1)].document;   
  9.         theObj = theObj.substring(0,p);   
  10.     }   
  11.     if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj];   
  12.     for (i=0; !foundObj && i < theDoc.forms.length; i++)   
  13.         foundObj = theDoc.forms[theObj];   
  14.     for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)   
  15.         foundObj = findObj(theObj,theDoc.layers.document);   
  16.     if(!foundObj && document.getElementById) foundObj = document.getElementById(theObj);   
  17.  
  18.     return foundObj;   
  19. }  

  第二个函数,插入一行:

JavaScript代码
  1. function AddSignRow(){   
  2.     // 获取表格对象   
  3.     var signFrame = findObj("TableName",document);   
  4.   
  5.     // 添加行   
  6.     var newTR = signFrame.insertRow(signFrame.rows.length);   
  7.     newTR.id = "SignItem"// 设置行的ID   
  8.   
  9.     //添加列0   
  10.     var newNameTD=newTR.insertCell(0);   
  11.     //添加列内容   
  12.     newNameTD.innerHTML = "第一列内容";   
  13.   
  14.     //添加列1   
  15.     var newNameTD=newTR.insertCell(1);   
  16.     //添加列内容   
  17.     newNameTD.innerHTML = "第二列内容";   
  18. }  

  第三个函数,删除指定的行:

JavaScript代码
  1. function DeleteSignRow(rowid){   
  2.     var signFrame = findObj("TableName",document);   
  3.     var signItem = findObj(rowid,document);   
  4.        
  5.     //获取将要删除的行的Index   
  6.     var rowIndex = signItem.rowIndex;   
  7.        
  8.     //删除指定Index的行   
  9.     signFrame.deleteRow(rowIndex);   
  10. }  

  说来也没有什么新鲜的玩意儿,其实关键还是在于取得表格对象。具体的用法就不详细说了,自己举一反三吧。

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值