js操作table

一、增加行

　　表格：<table id="attachtab" border="0" cellpadding="0" cellspacing="0"></table>

 

//添加簽批人
function addChecker() {
var bgame_table = document.getElementById('attachtab');
currRow = bgame_table.insertRow(-1);//從-1開始的
currRow.id = "attachtabDtl"+ currRow.rowIndex;
cellc=currRow.insertCell(-1);
var j = parseInt(document.getElementById("checkSort").value)+1;
var delobj = "第"+j+"簽批人";
cellc.innerHTML=delobj;

cellc=currRow.insertCell(-1);
var userId = "userId"+j;
var userName = "userName"+j;
var delobj = '<input type="hidden" id="'+userId+'" value="'+j+'">'+
'<input type="text" height="22" id="'+userName+'" name="'+userName+'" size="60" disabled="disabled" >';
// alert(delobj);
cellc.innerHTML=delobj;

var buttonelement = document.createElement('input');
buttonelement.type="button";
buttonelement.value="選擇簽批人";
// buttonelement.class= "wfbtn";
buttonelement.onclick=function(){
openPop("UserToAdd.shtml?userIdEleId='"+userId+"'&userNameEleId='"+userName+"'&selectType=2");
};
cellc=currRow.insertCell(-1);
cellc.appendChild(buttonelement);
document.getElementById("checkSort").value = j;
}

一、刪除行

//減少簽批人
function delChecker() {
//獲取table對象
var tab = document.getElementById("attachtab")
//當前有多少行rows.length
var rowSize=tab.rows.length;
if(parseInt(document.getElementById("checkSort").value)<1){
$.ligerDialog.warn('已經沒有簽批人了');
return;
}
//每次刪除最后一行deleteRow(index)
tab.deleteRow(rowSize-1);//因為行的下標是從0開始的，所以行數（rowSize）和行的最大下標不同哦哦哦
var i = parseInt(document.getElementById("checkSort").value)-1;
document.getElementById("checkSort").value = i;
}