Create SVG object from string

Question

How can I create new SVG object from a string in JavaScript?

Object to string

var str = new XMLSerializer().serializeToString(SvgDoc.getElementById(nameID));

String to object

var oParser = new DOMParser();
var oDOM = oParser.parseFromString(str, "image/svg+xml");

But oDOM isn't an SVGGElement object.

I want to create SVG object from XML string. Is it possible? — askeet
– askeet, Commented Aug 2, 2016 at 10:35

Robert Longson · Accepted Answer · 2016-08-02 10:41:27Z

3

var oParser = new DOMParser();
var oDOM = oParser.parseFromString(str, "image/svg+xml");

will give you a Document object. You can get the root element of a document via

var root = oDOM.documentElement;

answered Aug 2, 2016 at 10:41

Robert Longson

125k27 gold badges272 silver badges258 bronze badges

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

1 Answer 1