Javascript can';是否重置svg路径的填充颜色?

Javascript can';是否重置svg路径的填充颜色?,javascript,jquery,css,svg,Javascript,Jquery,Css,Svg,我在应用程序中使用svg,我需要在svg路径中使用类。类工作正常,但我无法使用setAttribute动态更改svg路径的fill颜色 代码 $('#path1')[0].setAttributeNS(null, "fill", 'blue'); 演示:这是演示 如果路径包含类,如何动态更改svg路径的填充颜色。 如有任何建议,我们将不胜感激。您需要更改fillCSS属性: $('#changeFill').click(function(){ $('#path1').css('fill

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

代码

$('#path1')[0].setAttributeNS(null, "fill", 'blue');
演示:这是演示

如果路径包含类,如何动态更改svg路径的填充颜色。

如有任何建议,我们将不胜感激。

您需要更改
fill
CSS属性:

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

或者,如果您想在原生JS中保留属性设置(这会很奇怪,因为您使用jQuery附加事件,但我不是来判断的):


您需要更改
fill
CSS属性:

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

或者,如果您想在原生JS中保留属性设置(这会很奇怪,因为您使用jQuery附加事件,但我不是来判断的):