Javascript 是否更改部分HTML文档的相对路径基，尤其是插入的SVG？

如何仅为文档的一部分更改基本URL路径？或者至少对于SVG部分

特别是，我正在加载一个SVG文件，并将其内容注入当前文档（这是通过JavaScript完成的）。SVG使用相对

xlink:href

属性链接到外部资产。但是，由于注入，该文件不知道从何处加载，并解析相对于文档URL的路径。这就是为什么我需要在文档的这一部分中创建相对于加载SVG的URL的相对路径。

有元素，但它会影响整个文档，并且每个文档只能有一个路径，因此在您的情况下，这不是一个好的候选者

我看到的唯一解决方法（除了更改所有URL之外）是将svg插入到它们自己的文档中，例如使用

，您也可以在其中插入这样的

元素

const svg=`
`;
常数基=`https://upload.wikimedia.org/wikipedia/commons/4/47/`;
document.querySelector（'iframe'）。srcdoc=`
${svg}`