Как создать <use> в <svg> через javascript?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

// Получаем ссылку на элемент 
const svg = document.querySelector('svg');

// Создаем элемент 
const useElement = document.createElementNS('http://www.w3.org/2000/svg', 'use');

// Устанавливаем атрибуты для элемента 
useElement.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', '#id-of-target-element'); // Замените значение '#id-of-target-element' на ID элемента, на который вы хотите ссылаться

// Добавляем элемент  внутрь 
svg.appendChild(useElement);