如何更改JavaScript中的childNodes？

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>