Javascript createElement no end tag

Question

I'm trying to use document.createElement('circle') to work with svgs but Chrome creates a end tag to circle giving

<circle></circle>

which results of an error. How can I create an element without an ending that?

Answer 1

You might want to take a look at this article

SVG Scripting with JavaScript Part 1: Simple Circle

The method you're looking for is:

var circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");

Edit: Credit where credit is due

Stackoverflow: Creating SVG graphics using javascript?

Answer 2

try using document.createElementNS:

var circle = document.createElementNS("http://www.w3.org/2000/svg","circle");

Answer 3

Try to use :

document.createElementNS('circle')