クラス変更を使用して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で削除しました。

また、クラス名の先頭に大文字を使用するのは一般的ではありません。