本文實(shí)例講述了JS動(dòng)態(tài)增刪表格行的方法。分享給大家供大家參考,具體如下:
function insertRow(tableName,className,bgcolor, cellContentArray){
var t = document.getElementByIdx(tableName); //取得table表
var tr = t.insertRow(); //插入一行
tr.className=className; //設(shè)置行的css
tr.bgcolor=bgcolor; //設(shè)置行的背景顏色
for( var i=0;i<cellContentArray.length;i++){
var td = tr.insertCell(); //插入一列
td.innerHTML=cellContentArray[i]; //設(shè)置列內(nèi)容
}
}
function deleteRow(tableName,btn){
var t = document.getElementByIdx(tableName); //取得table表
var tr = btn.parentNode.parentNode; //取得對(duì)應(yīng)的行
t.deleteRow(tr.rowIndex);
}
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。