js技巧专题篇：动态增删一行表格

本篇介绍的是在表格中动态添加删除一行，这在购物车类的实现中非常常见。我采用的是表格的形式，因为大都在购物类呈列商品时都采用的表格（我想这个表格在前端最有用最好用的地方了）。并且由于表格布局曾经辉煌过，所以它有很多API接口，操作起来很方便。

以下是相关html代码实现：

    
    



    

 
1
 
2
 
3
    
    

 
4
 
5
 
6
    
    

 
7
 
8
 
9
 
10
    

下面是js代码实现：

(function(window) {
    var win = window;
    var activeTr = function(table, num, tr) {
 if (!tr) {
     //删除操作
     var _num = table.rows[num];
     if (_num) {
  table.deleteRow(num);
  return true;
     }else {
  return false;
     }
 }else {
     //插入操作
     var row = table.insertRow(num),
  i = 0,
  len = tr.length;
     for (; i < len; ++i) {
  row.insertCell(i).innerHTML = tr[i];
     }
     return true;
 }
    };

    win.activeTr = activeTr;
})(window)