SVG a element

by Alex Phillips

HTML

<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300">
    <g id="target">
        <circle cx="50" cy="50" r="50"/>
        <circle cx="150" cy="150" r="100"/>
    </g>
</svg>

JavaScript

var g = document.getElementById('target');
var parent = g.parentNode;
var a = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
	
a.setAttribute('xlink:href', 'javascript:void(0);');
a.appendChild(g);
		
parent.appendChild(a);