Question

I thought the following script will create div element but I got nothing output in my html. Could anyone help me out? Thanks a lot.

var div=document.createElement('div');
div.setAttribute('id','testttttttt');

div.innerHTML='fjsoidfjiosdjfoi';​

Answer 1

You have to use the appendChild method in the end:

var div=document.createElement('div');
div.setAttribute('id','testttttttt');
div.innerHTML='fjsoidfjiosdjfoi';​
document.body.appendChild(div);

Otherwise, the created element will exist, but won’t appear in your page.

Also, you have to be sure that document.body exists, otherwise, it will throw an error (if this script is going to be executed when loaded, put it inside an onload event).

PS: You can also append to any other DOM elements:

document.getElementById('myDivHolder').appendChild(div);

JSFiddle example: http://jsfiddle.net/AkXTr/