如何將svg節點從一個組移到另一個組？

Question

假設我有以下文件：

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

如何從組#a移動我foo的矩形組#b？最好用d3，但原生JS也可以。

感謝

Answer 1

嘗試：

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

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