Как перенести узел svg из одной группы в другую?

Question

Предположим, у меня есть следующий документ:

<svg> 
    <g id='a'> 
     <rect id='foo'/> 
    </g> 
    <g id='b'></g> 
</svg> 

Как переместить мой Foo прямоугольник из группы #a в группе #b? Предпочтительно также использовать d3, но родной JS.

Благодаря

Answer 1

попробовать:

function setParent(el, newParent) { 
    newParent.appendChild(el); 
} 

setParent(document.getElementById('foo'), document.getElementById('b'));