Javascript 如何在svg上创建属性类js

您好，我正在尝试在svg的某个部分将一个类指定为当前或活动：实际上仅在smallblue圆圈上：

这将适用于当前代码，因为在该元素上没有设置其他类。如果设置了其他类，则此语句将删除其他类。为了避免这种影响，您可以在大多数浏览器（但不是早于版本10的Internet Explorer）中，像这样将新类添加到现有集合中：

---

document.getElementById（“smallblueleft”）.className

不能用于svg元素，因为它不幸不是

DOMString

，而是只读

SVGAnimatedString

对象。我建议只对class属性使用

setAttribute

，除非

classList

可用。@ErikDahlström，说得好，谢谢-编辑了答案以反映。

document.getElementById("smallblueleft").setAttribute("class", "whateverClassYouWantToApply");

document.getElementById("smallblueleft").classList.add("whateverClassYouWantToApply");