使用类更改更改整个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。

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