Tengo una construcción HTML que se parece al siguiente código:

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

Quiero poder agregar algunos elementos al SVG definido anteriormente usando javascript y DOM. ¿Cómo lograría eso? estaba pensando en

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

No estoy muy familiarizado con el uso de DOM, o sobre cómo crear el elemento que se va a pasar a appendChild, así que, por favor, ayúdeme con esto o quizá me muestre qué otras alternativas tengo para resolver este problema. Muchas gracias.