Creating div's and textbox using Javascript [duplicate]

Question

i want to create 2 div and text box in java script like that

<div class="a1"> <div class="a2"> <input type="text"> </div> </div>

is it possible?

I presume, you want to create text-box and div's on click of a button? — SR1092
– SR1092, Commented Feb 23, 2016 at 6:50
I'm removing the html5-canvas tag since your question has nothing to do with html5 canvas. Google javascript document.createElement for more information about using javascript to create your html elements. — markE
– markE, Commented Feb 23, 2016 at 6:53
Have you Googled “How to create an element in JavaScript”? You could have found document.createElement. — Sebastian Simon
– Sebastian Simon, Commented Feb 23, 2016 at 6:54

Simon Deconde · Accepted Answer · 2016-02-23 06:54:04Z

Yes it's possible:

var div_a1 = document.createElement('div'); div_a1.className = 'a1'; document.getElementsByTagName('body')[0].appendChild(div_a1); var div_a2 = document.createElement('div'); div_a2.className = 'a2'; div_a1.appendChild(div_a2); var input = document.createElement('input'); input.type = "text"; div_a2.appendChild(input);

Example: https://jsfiddle.net/5zr1Lget/

This is almost certainly a duplicate question. Please find a duplicate Q&A rather than adding a duplicate answer. Thanks!

lordkain · Accepted Answer · 2016-02-23 06:56:32Z

In pure javascript

var div = document.createElement('div'); div.setAttribute('class', 'a1'); var div2 = document.createElement('div'); div2.setAttribute('class', 'a2'); div2.innerHTML = "<input type='text' />"; div.appendChild(div2) document.body.appendChild(div);

This is almost certainly a duplicate question. Please find a duplicate Q&A rather than adding a duplicate answer. Thanks!

Collectives™ on Stack Overflow

Creating div's and textbox using Javascript [duplicate]

2 Answers 2

3 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Linked

Related