Как получить доступ к innerRoot для использования в встроенном SVG

Question

У меня есть тег <use> в элементе SVG, встроенном в HTML, который я бы хотел обработать содержимым с помощью JavaScript.

Я хотел бы иметь возможность манипулировать SVG DOM в глубоком клоне, создаваемом элементом <use>. Если это был документ SVG, я мог бы найти <use> и использовать .innerRoot для доступа к клонированному SVG. Но поскольку SVG встроен (я думаю), элемент представлен элементом HTML DOM, а не SVGUseElement.

Есть ли способ «продвинуть» HTML <use> его SVGUseElement или иным образом получить доступ к innerRoot?

Answer 1

На данный момент вы не можете получить доступ к «клонированной» DOM с помощью элемента <use>. Возможно, когда-нибудь в будущем он будет доступен через функцию DOM shadow, но это невозможно сейчас.

Если вы хотите управлять ссылочным контентом, вам нужно будет изменить исходные элементы, на которые указывает <use>.