如何使用Javascript修改SVG中的图像标签?
我有一个图像存储在SVG中,如下所示:
<svg height="666px" width="666px" viewBox="0 0 600 600">
<image id="changingImage" href="phone.png" x="69.0802" y="344.9714" height="28" width="28"></image>
</svg>
所以我从网上得到的建议,并尝试在我的脚本是抓取ID和更新源像这样:
document.getElementById("changingImage").src = "phone2.png";
那不起作用,所以我想了一下,意识到SVG中的图像标签不使用SRC,他们使用HREF。因此,我尝试了以下操作,但仍然不起作用:
document.getElementById("changingImage").href = "phone2.png";
有人知道如何使用javascript修改SVG内的图像,或者对我可以尝试什么有任何想法?
我想张贴与语法的答案谁可能有同样的问题。来自用户@enxaneta的建议工作,使用setAttribute
。下面是基于上面示例的语法:
document.getElementById("changingImage").setAttribute("href", "phone2.png");