svg mit js erstellen

[mcclane]

hallo leute.

ich möchte in einer schleife mittels javascript mehrere svg elemente erzeugen.
so sieht der teil meines code aus:

#############################################

var shape = svgDocument.createElementNS(svgns, "path");

for (var i=0; i<5; i++)
{
  shape.setAttributeNS(null, "id", "strich"+nr);
  shape.setAttributeNS(null, "d", "M" + xKoord + ",240 l15,0");
  shape.setAttributeNS(null, "style", "stroke:black; stroke-width:3;");

svgDocument.documentElement.appendChild(shape);

xKoord = xKoord + 30;
  nr++;
}

###############################################

das problem ist, dass scheinbar jedes mal ein neues element erzeugt und das alte überschrieben wird. deswegen habe ich extra die id strich+nr hinzugefügt, aber hilft nichts.
d.h. die for wird zwar 5mal durchlaufen aber es entstehen keine 5 striche, sondern nur einer.

wo ist mein denkfehler?

grüße
mcclane