How to add SVG element from String to DOM

Question

I would like to add SVG which includes rect and use tags from a string to the DOM.

I doesn\'t seams to work the way I do.

Answer 1

The SVG element needs to be in the svg namespace i.e. have an xmlns attribute with the appropriate value...

		var documentAsString =
		'\
			\
				\
			\
		';
		
		var newDocument = (new DOMParser()).parseFromString(documentAsString, "text/xml");
		var container = newDocument.getElementById("container");
		var useContainer = document.getElementById('use-container');

		useContainer.removeChild(useContainer.firstElementChild);
		useContainer.appendChild(container.getElementsByTagName('g')[0]);