无法重置SVG路径的填充颜色？

Question

我在应用程序中使用svg，并且需要在svg路径中使用class。 类工作正常，但我无法使用setAttribute动态更改svg路径的fill颜色。

码

$('#path1')[0].setAttributeNS(null, "fill", 'blue');

演示：这是JSFiddle演示

如果具有类的路径，如何动态更改svg路径的填充颜色。
任何建议，应赞赏。

Answer 1

您需要更改fill CSS属性：

$('#changeFill').click(function(){
    $('#path1').css('fill', 'blue');
});

小提琴的例子

或者，如果您想将属性设置保留在本机JS中（这在您使用jQuery附加事件时会很奇怪，但是我无法判断）：

$('#path1')[0].style.fill = 'blue';