Javascript add node

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?

looks like you stopped googling too soon. Append the node to the document. javascriptkit.com/javatutors/dom2.shtml. JQuery also simplifies this. api.jquery.com/append — Visionary Software Solutions
– Visionary Software Solutions, Commented Oct 20, 2011 at 16:53
I also would recommend looking into jQuery. Makes DOM manipulations a breeze. — Alex Turpin
– Alex Turpin, Commented Oct 20, 2011 at 17:07

Alex Turpin · Accepted Answer · 2011-10-20 16:52:07Z

13

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);

answered Oct 20, 2011 at 16:52

Alex Turpin

47.9k23 gold badges118 silver badges146 bronze badges

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

Comments

JCOC611 · Accepted Answer · 2011-10-20 16:52:15Z

5

To add an element to the DOM you do this:

document.body.appendChild(elem);

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

answered Oct 20, 2011 at 16:52

JCOC611

19.8k15 gold badges71 silver badges90 bronze badges

Collectives™ on Stack Overflow

Javascript add node

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related