动态增删表格行javascript

公共js:
function insertRow(tableName,className,bgcolor, cellContentArray){
 var t = document.getElementById(tableName);  //取得table表
 var tr = t.insertRow();   //插入一行
 tr.className=className;   //设置行的css
 tr.bgcolor=bgcolor;      //设置行的背景颜色
 for( var i=0;i<cellContentArray.length;i++){
  var td = tr.insertCell();  //插入一列
  td.innerHTML=cellContentArray[i];  //设置列内容
 }
}

function deleteRow(tableName,btn){
 var t = document.getElementById(tableName);  //取得table表
 var tr = btn.parentNode.parentNode;  //取得对应的行
 t.deleteRow(tr.rowIndex);
}

 

 

你可能感兴趣的:(JavaScript,function,table)