Wie childNodes in JavaScript ändern?

Question

Wie kann ich die Tabelle klonen und automatisch die #changeThis Nummer erhöhen, wenn ich auf die Schaltfläche klicke?

Dies ist mein Beispiel Problem

<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> 

Danke

Answer 1

Sie haben cloneNode Methode zu verwenden.

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>