Comment déplacer un noeud svg d'un groupe à un autre?

Question

Supposons que j'ai le document suivant:

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

Comment puis-je déplacer mon rectangle foo du groupe #a au groupe #b? De préférence avec d3 mais JS natif fonctionne aussi.

Merci

Answer 1

essayer:

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

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