javascript - divのクローンを作成し、JavaScriptを使用してそのIDを子にして一意にします

Question

divのクローンを作成する必要があります。クローンを作成した後、div内のすべての要素に一意のIDが必要です。これは、jqueryではなくjavascriptのみを使用して行う必要があります。

誰か助けてくれませんか。

Answer 1

次のコードは、要素を複製し、再帰関数を使用して、複製された要素とその子にランダムな ID を割り当て、それをドキュメント本体に追加します。ニーズに合わせて調整してください。このjsfiddleも参照してください

var someClone = someDiv.clone(true), children = someClone.childNodes;
someClone.id = Math.floor(1000+Math.random()*10000).toString(16);
reId(children);

function reId(nodes){
 for (var i=0;i<nodes.length;(i+=1)){
   var children = nodes[i].childNodes;
   nodes[i].id = Math.floor( 1001+Math.random()*10000 ).toString(16);
   if (children.length){
       reId(children);
   }
 }
}     

document.body.appendChild(someClone);