I am really confused as to why this code does not work. I got the code from a SO page about traversing the DOM.
var div = document.createElement('div');
div.innerHTML = 'Y HALO THAR';
3 Answers
You need to append this created element into some existing element in the document
You can append it in the body as well like below in the commented code or any other element by selecting that element first and then append this JS created div inside that.
var div = document.createElement("Div");
div.innerHTML = 'Y HALO THAR';
//document.body.appendChild(div);
document.getElementsByTagName("header")[0].appendChild(div)<header>
</header>2 Comments
lovetolearn
why would document.getElementsByTagName("header").appendChild(div); not work?
Deep
It does work, just keep in mind that document.getElementsByTagName("header") will give you a collection of all elements in the document with the specified tag name. So you will have to select one using []. I have updated my answer to display the same.
you need to append the div to a element.. in my example i am adding it to a wrapper div container #wrap just creating it is not enough!
var div = document.createElement('div');
div.innerHTML = 'Y HALO THAR';
document.getElementById('wrap').appendChild(div)<div id="wrap">
</div>
2 Comments
lovetolearn
This is driving me crazy as document.getElementsByTagName("header").appendChild(div); is not working
jJ'
try document.getElementsByTagName('header')[0].appendChild(div) as this function returns an array (-like) object.
You need to append the div to the document.
document.body.appendChild(div);
divtodocument? Usedocument.body.appendChild(div);createElementdoes not do that automatically.