Enfants de clone div utilisant javascript

Question

Im clonant un div plusieurs fois et j'ai aussi besoin de changer ses divs enfants internes. (par exemple, id_j1, id_j2, etc.)

Je réussis à cloner la div entière et à changer son identifiant mais pas les identifiants des enfants.

javascript

document.getElementById('btn_new_service').onclick = duplicate; 
var i =0; 
function duplicate() { 
    var original = document.getElementById('duplicator'); 
    var clone = original.cloneNode(true); // "deep" clone 
    clone.id = "duplicator" + ++i; // there can only be one element with an ID} 
original.parentNode.appendChild(clone); 

si j'ajouter le code ci-dessous dans le code ci-dessus puis-je obtenir une erreur de Uncaught TypeError: clone.children is not a function.

var new_div_ID = 'duplicator-' + i; 
var new_service_ID = 'c_service-'+i; 
var new_vat_ID = 'vat-'+i; 
var new_amount_ID = 'amount-'+i; 
var new_vatamount_ID = 'vat_amount-'+i; 
clone.children('#c_service').attr('id',new_service_ID); 
clone.children('#vat').attr('id',new_vat_ID); 
clone.children('#amount').attr('id',new_amount_ID); 
clone.children('#vat_amount').attr('id',new_vatamount_ID); 

j'ai pris tous les deux de 2 différents extraits de code qu'ils travaillaient bien mais quand je les combine seulement ils ne le font pas. Des conseils pourquoi cela arrive-t-il?

Answer 1

if i append the code below in the above code then i get an error of Uncaught TypeError: clone.children is not a function.

children est pas un function dans Vanila js, utilisez querySelector au lieu et à la place setAttribute

Make it

clone.querySelector('#c_service').setAttribute('id',new_service_ID);