javascript - javascript を使用して、svg text 要素内の svg tspan 要素を別の text 要素にコピーするにはどうすればよいですか?

Question

2 つの tspan 要素を持つ svg テキスト要素があります。このように見えます。

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

このような 2 番目の空のテキスト要素があります。

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

最初のテキスト要素の tspan 要素とそれぞれのテキストの両方を 2 番目のテキスト要素にコピーしたいと考えています。

私は次のことを試しました：

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>

2 番目のテキスト コンテナーを最初のコンテナーとまったく同じようにするにはどうすればよいですか?

ありがとう、クリストファー