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?
2 Answers
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/
3 Comments
markE
This is almost certainly a duplicate question. Please find a duplicate Q&A rather than adding a duplicate answer. Thanks!
Simon Deconde
Will do next time! Thanks for the suggestion.
Abhishek Kumar
thanks Simon it is working
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);
1 Comment
markE
This is almost certainly a duplicate question. Please find a duplicate Q&A rather than adding a duplicate answer. Thanks!
html5-canvastag since your question has nothing to do with html5 canvas. Googlejavascript document.createElementfor more information about using javascript to create your html elements.document.createElement.