使用javascript更改svg内所有元素的填充

Question

我想更改SVG内所有元素的填充颜色。元素都是rect和polygon。我没有设置默认颜色。

以下是一个示例文件：

http://www.kingoslo.com/instruments/test.svg

我怎样才能最优雅地做到这一点？

Answer 1

如果你有jQuery：

$('svg').children().css('fill', '#ffffff');

编辑：请注意，这假设rects和多边形是svg元素的直接子元素。

Answer 2

另一个类似于罗伯特·朗森的变种：

document.documentElement.style.fill = 'blue';

我更喜欢documentElement而不是rootElement，因为它在DOM Core中，而且它们大致相同。