JavaScript 表操作

Question

我有一个包含一列和大约十行的表格。第一列包含以文本作为行标题的行，“标题 1”、“标题 2”。第二列包含供用户键入数据的字段（文本框和复选框）。

我想在顶部有一个标记为“添加新... ”的按钮，并让它创建第三列，其字段与第一列相同。如果用户再次单击它，它将创建另一个带有字段的空白列（如第二列）。

有谁知道操纵 DOM 以实现这一目标的有效方法？

我正在尝试使用div's，TABLES但我正在做这个的第三天，感觉比它应该的更难。

Answer 1

类似的东西

function(table)
{
  for(var i=0;i<table.rows.length;i++)
  {
    newcell = table.rows[i].cells[0].cloneNode(true);
    table.rows[i].appendChild(newcell);
  }
}