Question

如何克隆表格并在单击按钮时自动增加#changeThis数字？

这是我的问题示例

<button type="button" onclick="cloneTable()">clone Table</button>
<table>
  <tr>
    <th id="changeThis">1</th>
    <td><select name="" size="1"><option></option></select><input type="text"></td>
  </tr>
</table>

谢谢

Answer 1

您必须使用cloneNode方法。

var i=1;
function cloneTable(){
   var table = document.getElementById("table1");
   var clone = table.cloneNode(true);
   clone.id="table"+ ++i;
   document.body.appendChild(clone);
   document.querySelector('#table' +i+' th ').innerHTML=i;
}

<button type="button" onclick="cloneTable()">clone Table</button>
<table id="table1"><tr><th class="changeThis">1</th><td><select name="" size="1"><option></option></select><input type="text" ></td></tr></table>

如何在JavaScript中更改childNodes？

1 个答案: