Creating an SVG DOM element from a String

Question

How would I go about creating an SVG DOM element from a String?

Example:

var svgStr = \'

Answer 1

You can use DOMParser to parse an XML string.

var parser = new DOMParser();
var doc = parser.parseFromString(stringContainingXMLSource, "image/svg+xml");

The root element for the parsed string will be doc.documentElement

For this to work properly cross-browser you'll need to set the html namespace i.e. your string will need to look like this...

var svg2='