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'));