Могу ли я изменить индекс / слой Z элемента SVG <g> с помощью JavaScript?

Альтернативой перемещению svg-path элементов в дереве является vanilla-javascript использование элементов , в svg которых вы изменяете атрибут javascript-library xlink:href, чтобы он давал вам желаемый svgz z-порядок.

Вот old thread в списке рассылки ecmascript svg-developers, обсуждающий javascript-library эту тему в контексте желания vanilla-javascript анимировать некоторые формы.

Обновление:

В svg этом примере элемент является последним, что делает его самым передним элементом. Мы можем выбрать любой из других элементов в качестве переднего, просто изменив атрибут xlink:href. В приведенном выше примере мы выбрали круг с помощью id="c1", что делает его самым верхним элементом.

См. fiddle.