Добавить элемент SVG в существующий SVG, используя DOM
У меня есть конструкция HTML, которая напоминает следующий код:
<div id='intro'>
<svg>
//draw some svg elements
<svg>
</div>
Я хочу иметь возможность добавлять некоторые элементы в SVG, определенный выше, используя javascript и DOM. Как мне это сделать? Я думал о
var svg1=document.getElementById('intro').getElementsByTagName('svg');
svg1[0].appendChild(element);//element like <line>, <circle>
Я не очень знаком с использованием DOM или с тем, как создать элемент для передачи в appendChild, поэтому, пожалуйста, помогите мне с этим или, возможно, покажите мне, какие другие альтернативы мне нужны для решения этой проблемы. Большое спасибо.