使用JavaScript和SVG创建多个节点

Question

Is it possible to create multiple nodes? I have this:

var = document.getElementById('svgID');
var ellipse = document.createElementNS("http://www.w3.org/2000/svg", 'ellipse'); 
test.setAttribute('cx', x);
test.setAttribute('cy', y);
test.setAttribute('rx', w);
test.setAttribute('ry', h);
test.appendChild(ellipse);

Well, I can duplicate the code above, rename it and create so multiple nodes, but is there an easier way to do this?

Answer 1

Easier like

addEllipse('svgID', {cx:x, cy:y, rx:w, ry:h}, test);


function addEllipse(svgID, info, toDom) {
  var = document.getElementById(svgID);
  var ellipse = document.createElementNS("http://www.w3.org/2000/svg", 'ellipse'); 
  toDom.setAttribute('cx', info.cx);
  toDom.setAttribute('cy', info.cy);
  toDom.setAttribute('rx', info.rx);
  toDom.setAttribute('ry', info.ry);
  toDom.appendChild(ellipse);
}

Answer 2

Thanks to all.

My problem was that my data structure was object-oriented and it was not possible to add the SVG objects to the classes because the SVG objects are added to the DOM. So I change it so that it work's procedural.