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

【问题标题】：can't reset the fill color of the svg path?无法重置 svg 路径的填充颜色？
【发布时间】：2013-11-08 21:31:23
【问题描述】：

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

代码

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

演示：这是JSFiddle演示

如果路径带有类，我如何动态更改 svg 路径的填充颜色。
任何建议都值得赞赏。

【问题讨论】：

【解决方案1】：

您需要更改fill CSS 属性：

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

或者，如果您想将属性设置保留在原生 JS 中（这会很奇怪，因为您使用 jQuery 来附加事件，但我不在这里判断）：

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

【讨论】：