Question

So I have a function like such:

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

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

I have found this does not work, and through some research, aka google, found that adding an element this way does not actually add it to the ‘node tree’. How can I create an element so I can later reference the Id?

Answer 1

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

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