Javascript 如何在鼠标单击后复制/重复HTML元素？

我正在尝试重复或复制此文本区域：

<textarea name="Content" type="text" 
    id="Content" value="Content" 
    onfocus="if(this.value==this.defaultValue)this.value='';"
    onblur="if(this.value=='')this.value=this.defaultValue;">
</textarea>

textarea已经在原始模板中定义过一次。我只需要允许用户在原来的文本区域下添加另一个文本区域。我尝试过使用其他人的JQuery解决方案，但作为一名新手，我无法真正理解它。你们中有谁能至少在这方面帮助我吗？我还想知道哪些工具最适合于此。

尝试使用

$('body').append($('#Content').clone());

注意：您需要创建一个元素数组，因为id必须是唯一的like

<textarea name="Content[]" type="text" 
    id="Content[]" value="Content" 
    onfocus="if(this.value==this.defaultValue)this.value='';"
    onblur="if(this.value=='')this.value=this.defaultValue;">
</textarea>

---

我可以提供一个有用的链接：。一件事：克隆元素后，应该从克隆中删除ID属性，这样页面上就不会有两个ID相同的元素。Yes@Rescue Creative请参阅我在itAh中添加的答案I

a
note
，我发表评论时，你一定在编辑你的回复。很好。@FarizFakkel我认为你的HTML是无效的。你有没有看到任何地方在一个页面中有多个表单（对于一个任务），不管怎样，看到这个工作的fiddle@FarizFakkel包括任何版本的
jquery
下载或使用CDN
$('body').append($('textarea[name="Content[]"').clone());