JS動(dòng)態(tài)增刪表格行的方法

字號(hào):


    本文實(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ì)有所幫助。