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