Javascript和svg,向页面添加带有函数的项

Javascript和svg,向页面添加带有函数的项,javascript,dom,svg,Javascript,Dom,Svg,我创建了一个Javascript函数来将SVG添加到页面中,但我想更改形状的颜色,而不必重新绘制形状 在Javascript函数中创建形状时,通常的document.getElementById方法不起作用 你知道我该怎么做吗?谢谢。由于元素是在javascript中创建的,所以您应该可以访问它。使用元素的fill属性更改SVG形状的颜色 element.setAttributeNS(null, 'fill', colorValue) 当您通过Javascript创建并附加svg元素时,您可以

我创建了一个Javascript函数来将SVG添加到页面中,但我想更改形状的颜色,而不必重新绘制形状

在Javascript函数中创建形状时,通常的document.getElementById方法不起作用


你知道我该怎么做吗?谢谢。

由于元素是在javascript中创建的,所以您应该可以访问它。使用元素的fill属性更改SVG形状的颜色

element.setAttributeNS(null, 'fill', colorValue)

当您通过Javascript创建并附加svg元素时,您可以在创建svg元素时给它一个id。然后您可以通过id访问它

e、 g

然后,当您想在以后更改填充颜色时,您可以:

circle1.setAttribute("fill","red')

给我们看看你的代码,这样我们就可以看到你在做什么。
circle1.setAttribute("fill","red')