如何在javascript中添加多個div

我是javascript新手。我有一個根div的ID是「row_logic」本身的兩個div在那裏。如何增加這個根div在下面的格式使用JavaScript？任何人幫助。如何在javascript中添加多個div

<div class="row-fluid" id="row_logic"> 
    <div class="col-sm-6" style="padding-top: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid #373737;"> 
     <canvas id="b1" width="600" height="120"></canvas> 
    </div> 
    <div class="col-sm-6" style="padding-top: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid #373737;"> 
     <canvas id="b2" width="600" height="120"></canvas> 
    </div> 
</div>

來源

2017-06-12 user3214224

增量？你什麼意思？ – Weedoze

問題不清楚。你可以嘗試重建它。此外，由於您已經爲您的頁面中使用Jquery的'twitter-bootstrap-3'添加了標籤。因此，如果您打開以獲得使用Jquery的幫助，請添加該標籤。 –

你可以看看這個：https://stackoverflow.com/questions/31919869/create-multiple-divs-using-a-for-loop – 2017-06-12 07:48:11

document.getElementById('row_logic').onclick = duplicate; 

function duplicate() { 
    var original = document.getElementById('row_logic'); 
    var clone = original.cloneNode(true); // clone 
    original.appendChild(clone); 
}

來源

2017-06-12 08:00:13

這裏我使用的clone（）jQuery的方法，並與類clonning。

<a href="#" id="btn">replicate</a>

包括jQuery的這裏

$('#btn').click(function() { 
      alert("Hello"); 
     $('.row-fluid').clone().insertAfter(".row-fluid"); 
    });

LINK：https://codepen.io/anon/pen/rweRKZ

來源

2017-06-12 11:12:46

如何在javascript中添加多個div

回答

相關問題