克隆字段集並使用普通JavaScript更改ID？

Question

我知道如何用普通的JavaScript克隆對象並增加數字，但是我想知道什麼是最好的方法是用標籤元素替換ID和其他屬性，例如「for」，這樣當克隆的字段集追加到表格。

有人能給我一個簡單的例子，說明如何使用plain ole的JavaScript來做到這一點嗎？

Answer 1

克隆節點正常，並把它們插入到文檔之前發生變異他們。如果兩個元素節點存在具有相同的ID，並不重要，只要它們都不能同時插入到文檔的childNodes樹中。

var copy= document.cloneNode(element); 
n++; 
copy.getElementsByTagName('label')[0].htmlFor= 'thing'+n; 
copy.getElementsByTagName('input')[0].id= 'thing'+n; 
element.parentNode.appendChild(copy); 

Answer 2

你可以寫你的「標籤」無「爲」像這樣：

<p><label>Text 1 : <input type="text" name="text[]" /></label></p> 
<p><label>Text 2 : <input type="text" name="text[]" /></label></p> 
<p><label>Text 3 : <input type="text" name="text[]" /></label></p>