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

can't reset the fill color of the svg path?

本文关键字：填充 颜色 路径 SVG      更新时间：2023-09-26

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

法典 

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

：这是JSFiddle演示

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

您需要更改 fill CSS 属性：

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

示例小提琴

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

$('#path1')[0].style.fill = 'blue';
相关文章：