如何在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

回答

相关问题