Add SVG element to existing SVG using DOM

Question

I have a HTML construction that resembles the following code:

<         


        

Answer 1

If you're dealing with svg's a lot using JS, I recommend using d3.js. Include it on your page, and do something like this:

d3.select("#svg1").append("circle");