Eu tenho uma construção HTML que se assemelha ao seguinte código:

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

Eu quero ser capaz de adicionar alguns elementos ao SVG definido acima usando javascript e DOM. Como eu conseguiria isso? Eu estava pensando em

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

Eu não estou muito familiarizado com o uso do DOM, ou como criar o elemento a ser passado para appendChild então por favor me ajude com isso ou talvez me mostre quais outras alternativas eu tenho para resolver esse problema. Muito obrigado.