JavaScriptを使用して既存のSVGにSVG要素を追加する方法

Documentオブジェクトを使用してSVG要素を取得します。
```
const existingSVG = document.getElementById('existing-svg');
```

新しいSVG要素を作成します。必要な属性と値を設定します。

const newSVGElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
newSVGElement.setAttribute("width", "100");
newSVGElement.setAttribute("height", "100");

必要な場所に新しいSVG要素を追加します。例えば、既存のSVG内の最初の子要素として追加する場合は、次のようにします。
```
existingSVG.insertBefore(newSVGElement, existingSVG.firstChild);
```

これで、既存のSVGに新しいSVG要素が追加されました。

この方法を使用して、さまざまな種類のSVG要素を追加することができます。たとえば、<rect>要素や<circle>要素、<path>要素などがあります。各要素には、適切な属性と値を設定する必要があります。

以上が、JavaScriptを使用して既存のSVGにSVG要素を追加する方法のシンプルな解説です。この手法を使えば、柔軟にSVGを操作することができます。