如何使用javascript/html从SVG文件插入对象？

我有一个SVG文件，在一个层上有一堆不同的对象。是否可以在网页上显示文件中的特定对象，而不首先将对象拆分为自己的文件？

当然可以。为SVG代码中的对象提供

ID

或

class

。然后，您可以通过以下方式隐藏

对象

.mySvgObjectClass { 
    visibility: hidden
}

或者使用Javascript

document.querySelector('.mySvgObjectClass').style.visibility = 'hidden';

或者在jQuery中：

$('.mySvgObjectClass').css('visibility', 'hidden');

---

这是

use

元素的完美用例

:

元素从SVG文档中获取节点，并将它们复制到其他地方。其效果与将节点深入克隆到未公开的DOM中，然后粘贴到use元素所在的位置相同

---

---

说明如何将其用于SVG图标系统，其中所有图标都组合到一个SVG中。可能适合您的使用，或者至少让您对其工作原理有更多的了解。

这是

use

元素的完美用例@太好了，谢谢你。很遗憾，我无法将其标记为正确答案。将其添加为您的答案，并在

使用

上提供更多信息。谢谢，我想我现在已经找到答案了。