如何訪問內聯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。也許在將來它可能通過影子DOM功能訪問，但現在不可能。

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