Ich habe eine HTML-Konstruktion, die dem folgenden Code ähnelt:

<div id='intro'>
<svg>
//draw some svg elements
<svg>
</div>

Ich möchte in der Lage sein, einige Elemente der oben definierten SVG mit Javascript und DOM hinzuzufügen. Wie würde ich das erreichen? Ich dachte an

var svg1=document.getElementById('intro').getElementsByTagName('svg');
svg1[0].appendChild(element);//element like <line>, <circle>

Ich bin nicht sehr vertraut mit der Verwendung von DOM oder dem Erstellen des an appendChild zu übergebenden Elements. Bitte helfen Sie mir dabei oder zeigen Sie mir, welche anderen Alternativen ich zur Lösung dieses Problems habe. Danke vielmals.