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

Question

我想更改SVG中所有元素的填充顏色。這些元素都是類型矩形和多邊形。我沒有設置默認顏色。

下面是一個示例文件：

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

我怎樣才能做到這一點最優雅？

Answer 1

如果您有jQuery的：

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

編輯：請注意，這個假設rects和多邊形的SVG元素的直接孩子。

Answer 2

另一個類似一個由羅伯特Longson變種：

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

我喜歡documentElement在rootElement的，因爲它在DOM核心，並且他們大多是相同的。

Answer 3

這爲我工作具有複雜SVG工作有很多嵌套元素的同時：

$('svg').find('path, text').css('fill', '#ffffff')