Javascript add node

Question

So, I have a function like this:

var elem = document.createElement( 'svg' ); elem.id = 'svg1'; 

and I would like, in a later function, to be able to capture this element through document.getElementById('svg1') .

I found this to not work, and through some research, also known as google, I found that adding an element in this way does not actually add it to the node tree. How can I create an element to subsequently reference an Id?

Answer 1

You need to add it to the DOM. For example, to add it as a child of an element with the identifier "parent":

 document.getElementById("parent").appendChild(elem); 

Answer 2

To add an item to the DOM, do the following:

 document.body.appendChild(elem); 

This adds the object to BODY. If you want to add a node to another node, you replace the body with getElementById("id") .