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;
}

原文地址:https://www.cnblogs.com/xyzq/p/6066480.html