使用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>

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

谢谢， --christopher