您的位置:首页 > Web前端 > JavaScript

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 删除行 增加行