如何访问内联SVG中使用的innerRoot

Question

我在HTML中内联的SVG元素中有一个<use>标记，我想用JavaScript操作内容。

我希望能够在<use>元素生成的深度克隆中操纵SVG DOM。如果这是一个SVG文档，我可以找到<use>并使用.innerRoot来访问克隆的SVG。但是因为SVG是内联的（我认为），元素由HTML DOM元素表示，而不是SVGUseElement。

有没有办法将HTML <use>“推广”到其SVGUseElement对应方，或以其他方式访问innerRoot？

Answer 1

截至目前，您无法通过<use>元素访问和操作“克隆”DOM。也许在未来的某个时候，它可以通过shadow DOM功能访问，但现在不可能。

如果您想操纵引用的内容，则需要修改<use>指向的原始元素。