molily: innerHTML-Äquivalent in SVG bzw. XML

Beitrag lesen

Erzeuge alternativ ein g-Element und hänge zunächst alle Knoten daran. Dieses g-Element kann wiederum an einer passenden Stelle im SVG-Dokument eingehängt werden.

Das Konzept ist übrigens bei allen DOMs möglich. Alternativ zum Containerelement kann man ein Document-Fragment erzeugen und wie du sagst alle neuen Elemente erst daran hängen, dann das Document-Fragment ins Element einhängen. Das Document-Fragment ist also ein spezieller Knoten, der nichts anderes tut als ein Container zu sein.

var frag = document.createDocumentFragment();
// Elemente gewohnt erzeugen und an frag anhängen
// frag ins Dokument einhängen

Das ist üblicherweise auch performanter, als die Elemente einzeln einzuhängen.

Mathias