动态增加表格的行

如果想在网页里用JS动态增加表格的行，

有一种就是使用table.addRow(),然后再用row.addCell()，然后一个一个创建，创建完一行后，使用table.insertBefore或者appendChild来添加，，

但是这样有一点不好，如果这一行包括不少的列，而且又有CSS，又有事件等，，就麻烦了。。。

所以有一个办法是克隆的办法，就是有一行称为模板行的，将其隐藏起来（例如放在一个隐藏层里即可），然后在使用先用cloneNode(true)把行复制下来，再修改一些必要的属性，然后再用insertBefore等即可哈。。

我有一个是这样做的，因为每一行的几乎相同，只有ID和NAME以及背景色等稍有不同，，所以我这样做了一个

每一行里的ID号NAME包含着一个特殊的字符串_blank_，这个是等会要替换成行号的。。。

function replaceIdName(obj, nIndex)
{ //
 if (obj.id != undefined) {
  obj.id =  replaceIndex(obj.id, nIndex);
  }
 if (obj.name != undefined) {
  obj.name =  replaceIndex(obj.name, nIndex);
  }
}
//-----------------------------------------------------------------------------
function replaceIndex(s, nIndex)
{ //
 if (s !=undefined) {
  s = s.replace(/_blank_/g, String(nIndex));
  }
 return s;
}
//-----------------------------------------------------------------------------
function replaceBackground(s, nIndex)
{ //
 if (nIndex % 2 == 0) {
  s = s.replace(/TextField1/g, "TextField2");
  }
 return s;
}
//-----------------------------------------------------------------------------
function addNewRow(oTable, oRow, oBefore, nIndex)
{ //add a new row according to the row, and insert into the oBefore TR in the table

 //copy the row
 var oNewRow = oRow.cloneNode(true);

 //apply the row
 replaceIdName(oNewRow, nIndex);
 var nRowColor = ((nIndex%2==0) ? color_even : color_odd);
 oNewRow.background = nRowColor;

 //change cells in the row
 for (var i=0; i < oNewRow.childNodes.length; i++) {
  oCell = oNewRow.childNodes[i];
  replaceIdName(oCell, nIndex);
  oCell.innerHTML = replaceIndex(oCell.innerHTML, nIndex);
  //set correct background
  oCell.innerHTML = replaceBackground(oCell.innerHTML);
  }

 //alert(oNewRow.outerHTML);
 oTable.insertBefore(oNewRow, oBefore);
}
//-----------------------------------------------------------------------------