DOM中的SVG代码直接作为css背景源：对DOM遍历的影响

Question

免责声明：我搜索过但可以找到这个问题的任何实际答案。

我必须在我的webapp中使用很多svg图像。我应该多次直接将svg代码转储到DOM元素中，还是应该将其用作css背景属性并将css类应用于这些元素？

背景：我一直想知道增加你的dom长度会对DOM遍历产生不利影响，但我确实喜欢使用css来改变dom中svg元素的属性，而不是制作新的图像。

有没有人对这种类型进行比较？

Answer 1

如果SVG被用作background-image，则无法为其设置样式。

如果您需要能够使用CSS在页面中动态设置样式，那么您需要内联它。