JS增加行复制行删除行的实现代码


Posted in Javascript onNovember 09, 2013
var customerInfoMethod ={  
//复制增加行  
copyrow:function(obj,id)  
{  
var rowIndex=obj.parentNode.parentNode.rowIndex;  
var resrow=document.getElementById(id);  
rowIndex--;  
var newRow=resrow.cloneNode(true);//document.createElement("tr");  
var parent = resrow.parentNode;  
   if(parent.lastChild == resrow){  
   //如果targetElement是parent最后一个子元素,插入newElement  
   parent.appendChild(newRow);  
  }else{  
  //如果不是,插入到targetElement下一个兄弟节点的前面  
   parent.insertBefore(newRow, resrow.nextSibling);  
  }  //newRow.innerHTML=resrow.innerHTML;  
var selectObj = newRow.getElementsByTagName("select");  
for(var a=0;a<selectObj.length;a++){  
selectObj[a].options[0].selected=true;  
}  
var inputObj = newRow.getElementsByTagName("input");  
inputObj[0].style.display="";  
inputObj[1].style.display="none";  
},  
//复制增加行  
copyrowUpdate:function(obj,id)  
{  
var rowIndex=obj.parentNode.parentNode.rowIndex;   
var resrow=document.getElementById(id);  
rowIndex--;  
var newRow=resrow.cloneNode(true);//document.createElement("tr");  
var parent = resrow.parentNode;  
   if(parent.lastChild == resrow){  
   //如果targetElement是parent最后一个子元素,插入newElement  
   parent.appendChild(newRow);  
  }else{  
  //如果不是,插入到targetElement下一个兄弟节点的前面  
   parent.insertBefore(newRow, resrow.nextSibling);  
  }  
//newRow.innerHTML=resrow.innerHTML;  
var selectObj = newRow.getElementsByTagName("select");  
for(var a=0;a<selectObj.length;a++){  
selectObj[a].options[0].selected=true;  
}  
var inputObj = newRow.getElementsByTagName("input");  
for(var i=0;i<inputObj.length-2;i++){  
inputObj[i].value="0";  
}  
inputObj[inputObj.length-2].style.display="";  
inputObj[inputObj.length-1].style.display="none";  
},  
//删除行  
deleteRow:function(rootId,obj) {  
var rootTable = $(rootId);  
rootTable.deleteRow(obj.parentNode.parentNode.rowIndex);  
  }  
}  

/**  
 增加行 fanjf  
*/  
function addRow(tableId,trId){  
var tableObj = document.getElementById(tableId);  
var trObj = document.getElementById(trId);  
//var trIndex = trObj.rowIndex+1;  
var rows = tableObj.rows.length;  
var cell = "";  
var tr = tableObj.insertRow(rows);  
for(i=0;i<trObj.cells.length;i++){  
 cell= tableObj.rows(rows).insertCell(i);  
 cell.innerText= trObj.cells(i).innerText;  
 cell.className= trObj.cells(i).className;  
 cell.innerHTML= trObj.cells(i).innerHTML;  
}  
}  
/**  
 删除行 fanjf  
*/  
function deleteRow(tableId,trId){  
    var tableObj = document.getElementById(tableId);  
    var trObj = document.getElementById(trId);  
    //var trIndex = trObj.rowIndex;//复制tr的行号  
    var rows = tableObj.rows.length;  
    if(rows>0){  
    tableObj.deleteRow(rows-1);  
    }else{  
        alert("无可删除的卡号信息!");  
    }  
} 
Javascript 相关文章推荐
Pro JavaScript Techniques学习笔记
Dec 28 Javascript
基于jquery库的tab新形式使用
Nov 16 Javascript
jQuery Ajax调用WCF服务详细教程
Mar 31 Javascript
浅谈JS继承_寄生式继承 &amp; 寄生组合式继承
Aug 16 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
Sep 04 Javascript
Vue.js常用指令的使用小结
Jun 23 Javascript
使用async await 封装 axios的方法
Jul 09 Javascript
浅谈微信小程序flex布局基础
Sep 10 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
Sep 14 Javascript
Javascript通过控制类名更改样式
May 24 Javascript
vue 更改连接后台的api示例
Nov 11 Javascript
面试中canvas绘制图片模糊图片问题处理
Mar 13 Javascript
javascript相等运算符与等同运算符详细介绍
Nov 09 #Javascript
js实现简单登录功能的实例代码
Nov 09 #Javascript
ExtJS实现文件下载的方法实例
Nov 09 #Javascript
简单的两种Extjs formpanel加载数据的方式
Nov 09 #Javascript
5分钟理解JavaScript中this用法分享
Nov 09 #Javascript
Mac地址验证的javascript代码
Nov 09 #Javascript
详解jquery uploadify 上传文件
Nov 09 #Javascript
You might like
PHP个人网站架设连环讲(一)
2006/10/09 PHP
php学习 字符串课件
2008/06/15 PHP
php的正则处理函数总结分析
2008/06/20 PHP
PHP反射类ReflectionClass和ReflectionObject的使用方法
2013/11/13 PHP
PHP加密解密类实例分析
2015/04/20 PHP
PHP实现微信对账单处理
2018/10/01 PHP
javascript Math.random()随机数函数
2009/11/04 Javascript
脚本合并提升javascript性能示例
2014/02/24 Javascript
window.location的重写及判断location是否被重写
2014/09/04 Javascript
用javascript关闭本窗口技巧小结
2014/09/05 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
2014/11/13 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
2016/12/05 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
javaScript+turn.js实现图书翻页效果实例代码
2017/02/16 Javascript
Bootstrap免费字体和图标网站(值得收藏)
2017/03/16 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
2017/06/04 Javascript
JS 设置Cookie 有效期 检测cookie
2017/06/15 Javascript
webpack开发环境和生产环境的深入理解
2018/11/08 Javascript
[19:14]DOTA2 HEROS教学视频教你分分钟做大人-维萨吉
2014/06/24 DOTA
对Python新手编程过程中如何规避一些常见问题的建议
2015/04/01 Python
解读Python中degrees()方法的使用
2015/05/18 Python
python结合shell查询google关键词排名的实现代码
2016/02/27 Python
基于Linux系统中python matplotlib画图的中文显示问题的解决方法
2017/06/15 Python
python模拟鼠标点击和键盘输入的操作
2019/08/04 Python
django从后台返回html代码的实例
2020/03/11 Python
numpy库ndarray多维数组的维度变换方法(reshape、resize、swapaxes、flatten)
2020/04/28 Python
Python中and和or如何使用
2020/05/28 Python
python matplotlib工具栏源码探析三之添加、删除自定义工具项的案例详解
2021/02/25 Python
canvas实现二维码和图片合成的示例代码
2018/08/01 HTML / CSS
Zooplus葡萄牙:欧洲领先的网上宠物商店
2018/07/01 全球购物
市场营销专业应届生自荐信
2014/06/19 职场文书
2014年学校领导班子对照检查材料
2014/09/19 职场文书
满月酒邀请函
2015/01/30 职场文书
运动会致辞稿
2015/07/29 职场文书
python实现简单聊天功能
2021/07/07 Python