Javascript 通过JS函数加载SVG

我试图通过Javascript函数将SVG加载到div中，div被设置为

如果这是一个图像，我可以通过urlbackground更改div类，但是在SVG中尝试了这个方法后，它无法呈现

---

这可能吗？

错误是什么？换个班你不应该有任何问题。看看这个例子

函数changeSVG（）{
var div=document.getElementById（'foo'）；
如果（div.className==“class1”）{
div.className=“class2”；
}否则{
div.className=“class1”；
}
}
document.getElementById（'btn'）。addEventListener（'click'，changeSVG）
.class1{
背景图像：url（'https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/410.svg');
高度：300px；
宽度：300px；
}
.2级{
背景图像：url（'https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/aa.svg');
高度：300px；
宽度：300px；
}



转换
谢谢，这是可行的，如果动态更改动画svg，动画不会播放，您只会获得初始状态。我在这里看到了一些描述这个问题的文章，有什么解决方案吗？它有类似“begin=”click“的东西吗？如果是这样，您可以尝试以编程方式触发单击，或触发启动动画的事件。