javascript：它不斷複製第一個div它重複

Question

我正在製作一個腳本，將整個div複製到另一個div，它的工作。

下面的代碼：

腳本：

var a = 1; 
    function add() 
    { 
     var fContent = document.getElementById('1'); 
     var sContent = document.getElementById('2'); 
      if(a <=10) 
      { 
       a++; 
       var objTo = document.getElementById('m') 
       var divtest = document.createElement("div"); 
       divtest.innerHTML = (sContent.innerHTML = a + fContent.innerHTML); 
       objTo.appendChild(divtest); 
      } 
    } 

HTML：

<input type="button" onclick="add();" value="+" /> 

<div id="m"> 

<div id="1"> 
test 
</div> 
<div id="2"></div> 
</div> 

因爲你運行它的工作原理，但主要問題的代碼是它不斷重複上面的第一個內容：

OUTPUT：

1 OUTPUT：

test 
2 test 
2 test 

第2個輸出：

test 
3 test 
2 test 
3 test 

預期輸出：

1 OUTPUT：

test 
2 test 

第2個輸出：

test 
2 test 
3 test 

Answer 1

以下是更正後的JavaScript。現在試試。相反+你的代碼

var a = 1; 
function add() { 

    var fContent = document.getElementById('1'); 
    var sContent = document.getElementById('2'); 
    if (a <= 10) { 
     a++; 
     var objTo = document.getElementById('m'); 
     var divtest = document.createElement("div"); 
     divtest.innerHTML = (sContent.innerHTML + a + fContent.innerHTML); 
     objTo.appendChild(divtest); 
    } 
} 

這裏不得不=爲演示Link