javascript - javascriptを使用して、svg内のすべての要素の塗りつぶしを変更します

Question

SVG内のすべての要素の塗りつぶしの色を変更したいと思います。要素は、タイプrectとpolygonの両方です。デフォルトの色を設定していません。

サンプルファイルは次のとおりです。

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

どうすればこれを最もエレガントに行うことができますか？

Answer 1

jQueryをお持ちの場合：

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

編集：これは、rectsとpolygonsがsvg要素の直接の子であると想定していることに注意してください。

Answer 2

Robert Longson によるものに似た別の亜種:

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

私は rootElement よりも documentElement を好みます。これは DOM Core にあり、それらはほとんど同じだからです。