javascript - 使用类更改更改整个 svg

Question

我试图通过更改类来更改整个 svg。问题是我不确定如何为 svg 设置新类，所以我尝试如下:

<script>
function change() {
document.getElementById("hi").setAttribute("className", "Hi Hello")
}
</script>

在这里摆弄:https://jsfiddle.net/orhojkq6/1/
有人可以告诉我我是否有错吗？我是初学者。

Answer 1

这是一个用来修改 svg 背景的非常奇怪的方法，但是如果你想向 svg 添加类名，最简单的方法是使用 classList

window.onload = function() {
  setTimeout(function() {
    document.getElementById("hi").classList.add("Hello");
  }, 2000);
}

我不建议使用内联javascript，所以我在this demo中删除了它。 .

此外，在类名开头使用大写字母的做法并不常见。