js动态增加行 删除行
2015-03-17 12:00
316 查看
//动态增加行 function addRow(tab){ var title = ""; var table = document.getElementById(tab); var newRow = table.insertRow();// var newCell = newRow.insertCell(); if(tab=="projectTab"){ title = $("#proTitle").val(); newCell.innerHTML="<input type='text' value="+title+" style='border-top:0px;border-left:0px;border-bottom:0px;border-right:0px;width:70px;' /><textarea style='width:600px;height:120px;vertical-align:top;'></textarea> <a href='javascript:void(0);' onclick=\"deleteRow(this,'projectTab')\">删除</a>"; }else if(tab=="companyTab"){ title = $("#comTitle").val(); newCell.innerHTML="<input type='text' value="+title+" style='border-top:0px;border-left:0px;border-bottom:0px;border-right:0px;width:70px;' /><textarea style='width:600px;height:120px;vertical-align:top;'></textarea> <a href='javascript:void(0);' onclick=\"deleteRow(this,'companyTab')\">删除</a>"; }else{ title = $("#riskTitle").val(); newCell.innerHTML="<input type='text' value="+title+" style='border-top:0px;border-left:0px;border-bottom:0px;border-right:0px;width:70px;' /><textarea style='width:600px;height:120px;vertical-align:top;'></textarea> <a href='javascript:void(0);' onclick=\"deleteRow(this,'riskTab')\">删除</a>"; } } //动态删除行 function deleteRow(obj,tab){ var tr = obj.parentNode.parentNode; var tbody = tr.parentNode; tbody.removeChild(tr); }
相关文章推荐
- js动态增加、插入、修改、删除option
- js动态增加,删除行
- js动态删除行多行删除,和动态增加行
- JS动态增加删除UL节点LI
- js动态控制table的tr、td增加及删除的具体实现
- 动态增加删除行 js
- js 动态 增加 删除 select 子项 option
- js动态增加(删除)table数据行的功能
- js动态控制table的tr,td增加及删除
- 常用的js动态增加(删除)table数据行的功能
- JS动态增加删除UL节点LI及相关内容
- js 动态增加行删除行 兼容火狐和IE
- 纯 JS 动态增加删除table 最简洁方法
- 利用js对table动态增加和删除行(附带table样式,鼠标滑过和点击样式)
- 常用的js动态增加(删除)table数据行的功能
- js动态生成表格,奇偶行换色,增加删除表格
- JS动态增加删除UL节点LI及相关内容
- js动态控制table的tr、td增加及删除的具体实现
- js动态增加,删除td,tr,table,div