So fügen Sie mehrere div in Javascript

Ich bin neu für Javascript. Ich habe eine Wurzel Div-ID ist "row_logic" selbst zwei div ist da. Wie erhöht man dieses root div im unteren Format mit Javascript? jemand helfen.So fügen Sie mehrere div in Javascript

<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>

Quelle

2017-06-12 user3214224

Erhöhungsschritte? Was meinen Sie ? – Weedoze

Frage ist unklar. Kannst du versuchen, es zu rekonstruieren? Auch nachdem Sie "twitter-bootstrap-3" markiert haben, verwenden Sie Jquery auch auf Ihrer Seite. Fügen Sie also dieses Tag hinzu, wenn Sie offen sind, um Hilfe mit Jquery zu erhalten. –

Sie können dies aussehen: https://stackoverflow.com/questions/31919869/create-multiple-divs-using-a-for-loop –

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

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

Quelle

2017-06-12 08:00:13

Hier bin ich mit clone() -Methode von jquery und clonning mit der Klasse.

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

Fügen jquery hier

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

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

Quelle

2017-06-12 11:12:46

So fügen Sie mehrere div in Javascript

Antwort

Verwandte Themen