如何將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'));