Reputation:
I want to wrap the following button inside a div so I can center it:
<button>Bottom</button>
This is what I tried:
var dv = document.createElement('div');
dv.style.textAlign= 'center';
document.getElement('button').parentNode.appendChild(dv);
You can see the Fiddle Here
How can I do this without JQuery or other frameworks?
Upvotes: 0
Views: 213
Reputation: 43166
You can do
var btn = document.getElementsByTagName('button')[0];
var dv = document.createElement('div');
dv.style.textAlign= 'center';
btn.parentNode.insertBefore(dv,btn);
dv.appendChild(btn);
Upvotes: 2
Reputation: 23846
Use getElementsByTagName instead of getElement
var dv = document.createElement('div');
dv.style.textAlign= 'center';
document.getElementsByTagName('button')[0].parentNode.appendChild(dv);
dv.appendChild(document.getElementsByTagName('button')[0]);
Upvotes: 0