Javascript 在svg元素中更改图像

我试图修改HTML文档中现有的SVG元素。 我有以下资料：

<svg class="logo" viewBox="0 0 435 67"> <!-- IMAGE DIMENSIONS -->    
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#logo--someLogo"></use>
</svg>

它没有显示任何东西

---

因此，我想知道如何用另一个源来更改

xlink:href

对于这类文档节点，可能有一些本机方法，但这也会起作用（如果只有一个use标记）

---

对于这些类型的文档节点，可能有一些本机方法，但这也会起作用（如果只有一个use标记）

---

经过一番挖掘，我发现svg的使用方式是在DOM中有一个符号标记与指定的资源xlink:href相匹配。在该标记中，有一个path元素，需要在其中指定资源路径

---

我使用了一个jpeg到svg的转换器来获取图像的路径，当替换DOM中符号元素中的路径时，它似乎起作用。

经过一些挖掘，我发现svg的使用方式是在DOM中有一个符号标记，与指定的资源xlink:href相匹配。在该标记中，有一个path元素，需要在其中指定资源路径

我使用了一个jpeg到svg的转换器来获取图像的路径，当替换DOM中符号元素中的路径时，它似乎可以工作

$('.logo use').attr('xlink:href', "//someurl.com.png");

document.getElementsByTagName('use')[0].setAttribute('xlink:href', 'link_to_another_image')