如何在JavaScript中複製div

我想知道如何通過JavaScript複製一個DIV元素幾次而不重複我的html代碼中的DIV？如何在JavaScript中複製div

2013-10-20 utopy

如果您使用jQuery，請嘗試'.clone（）'。在使用時，我會讓你自己閱讀它。 – Terry

[jquery .clone（）]（http://api.jquery.com/clone/） –

我沒有得到所有的提示 - 這是一個合法的問題，不是重複的。 DOM API可能很難瀏覽，而用戶是新的。這個問題簡短明瞭。這對於新用戶來說看起來非常冒犯。更糟糕的是，我沒有看到上面的兩條建議，即包含超過10K行代碼，以便執行所有瀏覽器支持的方法。 –

讓我們假設你選擇的DIV做這樣的事情：

var myDiv = document.getElementById("myDivId");

的DOM API包含了cloneNode方法，您可以使用

var divClone = myDiv.cloneNode(true); // the true is for deep cloning

現在，你可以把它添加到文檔

document.body.appendChild(divClone);

這是short self contained code example illustrating this

來源

2013-10-20 19:53:53

+11

+10不建議使用jQuery三行香草JS – Popnoodles

，我該如何複製它像10次？ – utopy

@utopy您可以隨意多次重複該操作（只需確保更改divClone的'.id'屬性，這樣就不會導致多個ID。如果您正在尋找一個語言構造JavaScript，它可以讓你多次重複操作，而不用多次寫入它們 - 查看'for'和'while'循環。查看本頁的[基本示例部分]（https://developer.mozilla.org/en- US/docs/Web/JavaScript/Reference/Statements/for）。 –

如何在JavaScript中複製div

回答

相關問題