Как вставить svg в svg на js?

Question

[anton_trofimov95]

У меня есть код вида

const newSvg = oldSvg + svg.trim()
        .replace(/(^<\?xml[^>]*>)|/g, '')
        .trim()
        .replace(/(^<svg[^>]*>)|(<\/svg>$)/g, '');
      console.log(newSvg);

где oldSvg - это первое svg, а svg - это второе svg.
В консоли получаю newSvg - он мне выводит запись вида <svg></svg><path d=""></path>
Но как мне вывести не эту запись, а чтобы path был внутри? Вот так

<svg>
<path d=""></path>
</svg>

Comments

[Максим]

там надо как положено - что бы был типа документа то есть сначала надо генерировать xmlns и viewBox а потом уже вставлять path или что потребуется

[anton_trofimov95]

Много Чего, там оно есть в первой svg. Мне просто нужно сейчас как-то закидывать вторую в первую

[Максим]

anton_trofimov95, либо innerHTML или https://developer.mozilla.org/ru/docs/Web/API/Elem...

[anton_trofimov95]

Много Чего,

const oldSvg = data.editor.svg;
      const newSvg = svg.trim()
        .replace(/(^<\?xml[^>]*>)|/g, '')
        .trim()
        .replace(/(^<svg[^>]*>)|(<\/svg>$)/g, '');
      const position = oldSvg.length - 6;
      const svgResult = [oldSvg.slice(0, position), newSvg, oldSvg.slice(position)].join('');

вот так нашел как решить

Answer 1

[anton_trofimov95]

const oldSvg = data.editor.svg;
      const newSvg = svg.trim()
        .replace(/(^<\?xml[^>]*>)|/g, '')
        .trim()
        .replace(/(^<svg[^>]*>)|(<\/svg>$)/g, '');
      const position = oldSvg.length - 6;
      const svgResult = [oldSvg.slice(0, position), newSvg, oldSvg.slice(position)].join('');

Нашел как решить