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

Question

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

CODE

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

DEMO：以下是JSFiddle演示

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

Answer 1

您需要更改fill CSS属性：

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

Example fiddle

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

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