JS动态增删表格行的方法
2016-08-02来源:易贤网

本文实例讲述了JS动态增删表格行的方法。分享给大家供大家参考,具体如下:

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程序设计有所帮助。

2026公务员·事业单位培训课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息