javascript - 使用 javascript，如何将 svg 文本元素内的 svg tspan 元素复制到不同的文本元素中？

Question

我有一个带有两个 tspan 元素的 svg 文本元素。它看起来像这样。

<text id="majNote5" x="25" y="70">
    <tspan>D</tspan>
    <tspan font-family="'Opus Text'" font-size="25">b</tspan>
</text>

我有一个看起来像这样的第二个空文本元素。

<text id="majChord1" x="425" y="70" ></text>

我想将第一个文本元素中的 tspan 元素及其各自的文本复制到第二个文本元素中。

我尝试了以下方法：

var majNote5 = document.getElementById('majNote5');
var majChord1 = document.getElementById('majChord1');

majChord1.textContent = majNote5.textContent;

这确实复制了 tspan 元素的文本内容并将其放置在另一个容器中，但没有任何 tspan 元素。所以之后它看起来像这样：

<text id="majChord1" x="25" y="70">Db</text>

如何让第二个文本容器看起来与第一个容器完全一样？

谢谢，--克里斯托弗