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

Question

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

代码

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

演示：这是JSFiddle演示

如果路径带有类，我如何动态更改 svg 路径的填充颜色。
任何建议都应该不胜感激。

Answer 1

您需要更改fillCSS 属性：

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

示例小提琴

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

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