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