如何使用javascript复制div onclick? [英] How can i duplicate a div onclick with javascript?
本文介绍了如何使用javascript复制div onclick?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想要在点击按钮时重复div。
我虽然这样的东西但它不工作。
任何人都可以帮助我吗?
I want a div to be duplicated when a button is clicked. I though something like this; but it's not working. Can anyone help me?
HTML
<div id="duplicater">
duplicate EVERYTHING INSIDE THIS DIV
</div>
JAVASCRIPT
JAVASCRIPT
function duplicate()
{
var div = duplicate("div");
div.id = "duplicater";
div.appendChild(duplicate("duplicater"));
}
推荐答案
您正在创建一个无限递归!
You are creating an infinite recursion!
function duplicate()
{
var div = duplicate("div");
函数一遍又一遍地调用它。使用 cloneNode()
:
The function is calling itself over and over again. Use cloneNode()
:
HTML:
<div id="duplicater0">
duplicate EVERYTHING INSIDE THIS DIV
</div>
JavaScript:
JavaScript:
var i = 0;
function duplicate() {
var original = document.getElementById('duplicater' + i);
var clone = original.cloneNode(true); // "deep" clone
clone.id = "duplicater" + ++i; // there can only be one element with an ID
clone.onclick = duplicate; // event handlers are not cloned
original.parentNode.appendChild(clone);
}
或不带ID:
function duplicate() {
var clone = this.cloneNode(true); // "deep" clone
clone.id = ""; // there can only be one element with an ID
clone.onclick = duplicate; // event handlers are not cloned
this.parentNode.appendChild(clone);
}
更新:
如果您希望在点击按钮时克隆div,可以使用稍微不同的版本:
If you want to clone the div on button click, you can use a slightly different version:
HTML:
<button id="button" onlick="duplicate()">Click me</button>
<div id="duplicater">
duplicate EVERYTHING INSIDE THIS DIV
</div>
JavaScript:
JavaScript:
var i = 0;
var original = document.getElementById('duplicater');
function duplicate() {
var clone = original.cloneNode(true); // "deep" clone
clone.id = "duplicater" + ++i;
// or clone.id = ""; if the divs don't need an ID
original.parentNode.appendChild(clone);
}
如果您不在表单中,则应使用< button>
而不是< input type =button>
。
If you are not in a form, you should use <button>
instead of <input type="button">
.
这篇关于如何使用javascript复制div onclick?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文