本文實例講述了JS動態(tài)增刪表格行的方法。分享給大家供大家參考,具體如下:
function insertRow(tableName,className,bgcolor, cellContentArray){
var t = document.getElementByIdx(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.getElementByIdx(tableName); //取得table表
var tr = btn.parentNode.parentNode; //取得對應的行
t.deleteRow(tr.rowIndex);
}
希望本文所述對大家JavaScript程序設計有所幫助。