js表格操作

增加删除行

//增加一行
function add_row(obj,data,cell){
	var tr=obj.insertRow();
	var td;
	for(var i=0;i<cell.length;i++){
		td=tr.insertCell();
		td.innerHTML=cell[i](data);
	}
}
//调用方法
function add_item(){
	var init_item={budget_quarter:'1',budget_month:'1',amount:''};
	var obj=document.getElementById("budget_items");
	add_row(obj,init_item,budget_cell);
}
//单元格定义
var budget_cell=[
function(value){
	return "<select name='budget_quarter' onchange='changeMonth(this)'>"+
	optstr(kv_quarter,value.budget_quarter)+
	"</select>";},
function(value){
	return "<select name='budget_month'>"+
	opt_month(value.budget_quarter,value.budget_month)+
	"</select>月";},
function(value){
	return "<input type=text name='amount' style='text-align:right;padding:1px;' value='"+value.amount+"' onchange='sum_amount()'/>元";},
function(value){
	return "<a href='javascript:void(0)' onclick='del_item(this)'>删除</a>";}
];
//删除一条
function del_item(obj){
	var tr=obj.parentElement.parentElement;
	var tb1=tr.parentElement;
	tb1.removeChild(tr);
}

效果：