How to add multiple div in javascript

Question

I am new for javascript. I have one root div id is "row_logic" itself two div is there. how to increment this root div in below format using javascript?? anyone help.

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

Question is unclear. Can you try reconstructing it. Also since you have tagged twitter-bootstrap-3 you are using Jquery as well in your page. So add that tag if you are open to receive help using Jquery as well. — Rajshekar Reddy
– Rajshekar Reddy, Commented Jun 12, 2017 at 7:46
can you please tell me that what exactly you want to do? I mean are you want to create a row_logic div again or the div inside it. (canvas b3..b4..like that?) — always-a-learner
– always-a-learner, Commented Jun 12, 2017 at 7:53
you want to create div element with canvas id like b1,b2,b3,b4 ? — Krunal Limbad
– Krunal Limbad, Commented Jun 12, 2017 at 7:55

Bhawna Malhotra · Accepted Answer · 2017-06-12 11:12:46Z

0

Here I'm using clone() method of jquery and clonning with the class.

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

Include jquery here

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

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

answered Jun 12, 2017 at 11:12

Bhawna Malhotra

4905 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Paul Roub · Accepted Answer · 2017-06-12 14:05:04Z

0

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

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

edited Jun 12, 2017 at 14:05

Paul Roub

36.5k27 gold badges88 silver badges95 bronze badges

answered Jun 12, 2017 at 8:00

Abhishek Mitra

172 silver badges7 bronze badges

Collectives™ on Stack Overflow

How to add multiple div in javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related