Insert html elements to body using javascript

Question

I have checkbox on the page. I am wrapping that checkbox in a div and insert label after checkbox using javascript. Now I want to add all these elements on the body but it does not work. here is my code. I use

        document.body.innerHTML = wrapper;

in order to add those elements to body but it does not work. How can I make it work?

I don't understand, you're already using appendChild() on the wrapper. What makes you think appending to the <body> element should be done differently? — Frédéric Hamidi
– Frédéric Hamidi, Commented Feb 16, 2014 at 13:21
I want to show that checkbox. That wrapper is created using javascript which means it is not yet on the body. After insert two new elements inside wrapper now I want to show it to users to see. How can I show it? — Om3ga
– Om3ga, Commented Feb 16, 2014 at 13:23

Frédéric Hamidi · Accepted Answer · 2014-02-16 13:26:58Z

2

You only have to apply appendChild() to the <body> element, just like you're already doing with the wrapper element:

document.body.appendChild(wrapper);

innerHTML is a string property that is supposed to be assigned raw HTML markup, not DOM elements.

You will find an updated fiddle here.

answered Feb 16, 2014 at 13:26

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

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

Comments

user1968030 · Accepted Answer · 2014-02-16 13:26:03Z

1

Instead use document.body.innerHTML = wrapper; please use appendChild:

wrapper.appendChild(c[i]);
wrapper.appendChild(label);
document.body.appendChild(wrapper);

See this.

answered Feb 16, 2014 at 13:26

user1968030

2 Comments

Om3ga Over a year ago

Now when I check the checkbox it doesnt get checked. Why?

user1968030 Over a year ago

Please see this stackoverflow.com/questions/4148499/…

Collectives™ on Stack Overflow

Insert html elements to body using javascript

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related