Dodaj element SVG do istniejącego SVG za pomocą DOM

Mam konstrukcję HTML podobną do następującego kodu:

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

Chcę być w stanie dodać kilka elementów do SVG zdefiniowanych powyżej za pomocą javascript i DOM. Jak mógłbym to osiągnąć? Myślałem o tym

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

Nie jestem zbyt zaznajomiony z używaniem DOM, ani jak stworzyć element, który ma zostać przekazany do appendChild, więc pomóż mi z tym lub może pokaż mi, jakie inne alternatywy muszę rozwiązać ten problem. Wielkie dzięki.

questionAnswers(2)

yourAnswerToTheQuestion